{"id":5848,"date":"2026-01-31T00:00:24","date_gmt":"2026-01-30T21:00:24","guid":{"rendered":"https:\/\/smgksa.net\/?page_id=5848"},"modified":"2026-04-17T21:24:56","modified_gmt":"2026-04-17T18:24:56","slug":"contact","status":"publish","type":"page","link":"https:\/\/smgksa.net\/ar\/contact\/","title":{"rendered":"\u0627\u062a\u0635\u0644 \u0628\u0646\u0627"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5848\" class=\"elementor elementor-5848\">\n\t\t\t\t<div class=\"elementor-element elementor-element-063274d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"063274d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb1b134 elementor-widget elementor-widget-html\" data-id=\"fb1b134\" 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\" alt=\"SMG Logistics\" 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 id=\"burger\" class=\"burger\">\r\n      <span><\/span><span><\/span><span><\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div id=\"mobileMenu\" class=\"mobile-menu\">\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\/\">\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<!-- =========================\r\n     TRUCK STATUS FIXED BG\r\n========================= -->\r\n<div id=\"smg-truck-bg\"><\/div>\r\n<div id=\"smg-fixed-poster\"><\/div>\r\n\r\n<style>\r\n\/* ===============================\r\n   SMG LOADER \u2014 GLOBAL\r\n================================ *\/\r\n\r\n#smg-loader{\r\n  position:fixed;\r\n  inset:0;\r\n  background:#ffffff;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  z-index:999999;\r\n  transition:opacity .4s ease;\r\n}\r\n\r\n#smg-loader.hide{\r\n  opacity:0;\r\n  pointer-events:none;\r\n}\r\n\r\n#smg-loader::before{\r\n  content:\"\";\r\n  width:64px;\r\n  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\r\n@keyframes smgSpin{ to{transform:rotate(360deg)} }\r\n\r\nbody.elementor-editor-active #smg-loader{\r\n  display:none!important;\r\n}\r\n\r\n\/* ===============================\r\n   SMG HEADER\r\n================================ *\/\r\n\r\n#smg-header{\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  z-index:1000;\r\n  font-family:\"Montserrat\",sans-serif;\r\n}\r\n\r\n.smg-header-inner{\r\n  padding:46px 56px 32px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:48px;\r\n}\r\n\r\n.smg-logo img{ height:170px; }\r\n\r\n.smg-nav{\r\n  margin-left:auto;\r\n  display:flex;\r\n  gap:14px;\r\n}\r\n\r\n\/* ===============================\r\n   SMG BUTTON SYSTEM\r\n================================ *\/\r\n\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  text-decoration:none;\r\n  color:#fff;\r\n  border:2px solid #fff;\r\n  overflow:hidden;\r\n  z-index:1;\r\n}\r\n\r\n.smg-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-btn::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  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\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\/* ===============================\r\n   MOBILE MENU\r\n================================ *\/\r\n\r\n.burger{\r\n  display:none;\r\n  margin-left:auto;\r\n  flex-direction:column;\r\n  gap:6px;\r\n  cursor:pointer;\r\n}\r\n\r\n.burger span{\r\n  width:30px;\r\n  height:2px;\r\n  background:#fff;\r\n}\r\n\r\n.mobile-menu{\r\n  position:absolute;\r\n  top:100%;\r\n  left:0;\r\n  width:100%;\r\n  background:#fff;\r\n  padding:32px 40px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:18px;\r\n  opacity:0;\r\n  transform:translateY(-12px);\r\n  pointer-events:none;\r\n  transition:.35s ease;\r\n}\r\n\r\n.mobile-menu a{\r\n  color:#2326C8;\r\n  font-weight:600;\r\n  text-decoration:none;\r\n}\r\n\r\n.mobile-menu.active{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n  pointer-events:auto;\r\n}\r\n\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}\r\n\r\n@media (max-width:600px){\r\n  .smg-header-inner{ padding:36px 24px 26px; }\r\n  .smg-logo img{ height:120px; }\r\n}\r\n\r\n\/* ===============================\r\n   TRUCK STATUS BACKGROUND\r\n================================ *\/\r\n\r\n#smg-truck-bg{\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:-2;\r\n  background:url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/CONTACT-BACK-IMAGE-scaled.webp\") center\/cover no-repeat;\r\n}\r\n\r\n#smg-truck-bg::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:rgba(0,0,0,0.55);\r\n}\r\n\r\n@media (max-width:1024px){\r\n  #smg-truck-bg{\r\n    background:url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/CONTACT-BACKGROUND-MOBILE-scaled.webp\") center\/cover no-repeat;\r\n  }\r\n}\r\n\/* =========================================\r\n   SMG HEADER BUTTON \u2014 FINAL DESKTOP FIX\r\n========================================= *\/\r\n\r\n\/* Lock exact button geometry *\/\r\n#smg-header .smg-btn {\r\n  box-sizing: border-box;\r\n  border-width: 2px;\r\n  border-style: solid;\r\n  line-height: 1;\r\n}\r\n\r\n\/* Ensure pseudo layers align perfectly *\/\r\n#smg-header .smg-btn::before,\r\n#smg-header .smg-btn::after {\r\n  border-radius: 12px; \/* slightly smaller than outer radius *\/\r\n}\r\n\r\n\/* Prevent font reflow on hover *\/\r\n@media (hover:hover) and (pointer:fine){\r\n  #smg-header .smg-btn {\r\n    will-change: transform;\r\n  }\r\n}\r\n\/* =========================================\r\n   FINAL HEADER BUTTON HARD LOCK\r\n========================================= *\/\r\n\r\n#smg-header .smg-btn {\r\n  display: inline-flex !important;\r\n  align-items: center;\r\n  justify-content: center;\r\n  white-space: nowrap !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n\/* Kill underline from browser + WP *\/\r\n#smg-header .smg-btn,\r\n#smg-header .smg-btn:visited,\r\n#smg-header .smg-btn:hover,\r\n#smg-header .smg-btn:active,\r\n#smg-header .smg-btn:focus {\r\n  text-decoration: none !important;\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n}\r\n\/* =====================================\r\n   FIX FIRST LOAD GRAY FLASH \u2014 POSTER\r\n===================================== *\/\r\n#smg-fixed-poster{\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:-3; \/* behind everything *\/\r\n  background:url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/CONTACT-BACK-IMAGE-scaled.webp\")\r\n    center \/ cover no-repeat;\r\n}\r\n@media (max-width:1024px){\r\n  #smg-fixed-poster{\r\n    background:url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/CONTACT-BACKGROUND-MOBILE-scaled.webp\")\r\n      center \/ cover no-repeat;\r\n  }\r\n}\r\n\/* =====================================\r\n   SMG HEADER NAV \u2014 SAL STYLE FINAL\r\n   white text + white hover box + blue underline\r\n===================================== *\/\r\n\r\n#smg-header .smg-nav-link{\r\n  position:relative;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  padding:10px 14px;\r\n  border-radius:10px;\r\n  font-weight:600;\r\n  color:#ffffff;\r\n  text-decoration:none;\r\n  transition:color .28s ease, background .28s ease, box-shadow .28s ease;\r\n}\r\n\r\n\/* blue underline *\/\r\n#smg-header .smg-nav-link::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:12px;\r\n  right:12px;\r\n  bottom:-6px;\r\n  height:2px;\r\n  background:#2326C8;\r\n  transform:scaleX(0);\r\n  transform-origin:left;\r\n  transition:transform .32s ease;\r\n}\r\n\r\n\/* hover effects (desktop only) *\/\r\n@media(hover:hover) and (pointer:fine){\r\n\r\n  #smg-header .smg-nav-link:hover{\r\n    color:#2326C8;\r\n    background:rgba(255,255,255,0.96);\r\n    box-shadow:0 6px 18px rgba(0,0,0,.18);\r\n  }\r\n\r\n  #smg-header .smg-nav-link:hover::after{\r\n    transform:scaleX(1);\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   SMG MOBILE MENU \u2014 GLOBAL OVERRIDE\r\n===================================== *\/\r\n\r\n@media (max-width:1024px){\r\n\r\n  #smg-header .mobile-menu{\r\n    padding:26px 20px 30px !important;\r\n    gap:14px !important;\r\n\r\n    opacity:0;\r\n    transform:translateY(-18px) scale(.98);\r\n    pointer-events:none;\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  #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  #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  }\r\n\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}\r\n\/* ===== APPLY ORIGINAL SMG BURGER MENU EXACT STYLE ===== *\/\r\n\r\n#smg-header .mobile-menu{\r\n  position:absolute !important;\r\n  top:100% !important;\r\n  left:0 !important;\r\n  width:100% !important;\r\n\r\n  padding:26px 20px 30px !important;\r\n  display:flex !important;\r\n  flex-direction:column !important;\r\n  gap:14px !important;\r\n\r\n  opacity:0;\r\n  transform:translateY(-18px) scale(.98);\r\n  pointer-events:none;\r\n\r\n  background:#ffffff !important;\r\n\r\n  border-bottom-left-radius:22px !important;\r\n  border-bottom-right-radius:22px !important;\r\n\r\n  box-shadow:0 30px 70px rgba(0,0,0,.35) !important;\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) !important;\r\n}\r\n\r\n#smg-header .mobile-menu.active{\r\n  opacity:1 !important;\r\n  transform:translateY(0) scale(1) !important;\r\n  pointer-events:auto;\r\n}\r\n\r\n#smg-header .mobile-menu a{\r\n  display:block !important;\r\n  padding:16px 18px !important;\r\n  border-radius:14px !important;\r\n  background:#f8f9ff !important;\r\n  color:#2326C8 !important;\r\n  font-weight:700 !important;\r\n  text-decoration:none !important;\r\n  box-shadow:0 8px 18px rgba(0,0,0,.18) !important;\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 !important;\r\n}\r\n\r\n#smg-header .mobile-menu a:hover,\r\n#smg-header .mobile-menu a:active{\r\n  background:#ffffff !important;\r\n  transform:translateY(-2px);\r\n  box-shadow:0 14px 28px rgba(0,0,0,.25);\r\n}\r\n\/* =================================\r\n   SAFARI RENDER STABILITY FIX\r\n================================= *\/\r\n\r\n#smg-request-portal,\r\n.smg-request-box,\r\n#smg-left-video{\r\n  transform: translateZ(0);\r\n  backface-visibility: hidden;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* ===============================\r\n   SMG LOADER\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  if(!loader) return;\r\n  window.addEventListener(\"load\",()=>{\r\n  setTimeout(()=>loader.classList.add(\"hide\"),300);\r\n});\r\n})();\r\n\r\n\r\n\/* ===============================\r\n   SMG BURGER \u2014 OFFICIAL GLOBAL SAFE APPLY\r\n   (non-destructive upgrade)\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  \/* toggle open *\/\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 clicking inside *\/\r\n  menu.addEventListener(\"click\", function(e){\r\n    e.stopPropagation();\r\n  });\r\n\r\n  \/* close when clicking outside *\/\r\n  document.addEventListener(\"click\", function(){\r\n    menu.classList.remove(\"active\");\r\n  });\r\n\r\n  \/* close when clicking links *\/\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>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9df6875 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"9df6875\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d68b923 elementor-widget elementor-widget-html\" data-id=\"d68b923\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\n     REQUEST QUOTE \u2014 SMG (CLEAN)\r\n========================= -->\r\n\r\n<section id=\"smg-request-portal\">\r\n    <div class=\"smg-request-layout\">\r\n\r\n<!-- =========================\r\n     SMG LEFT VIDEO BLOCK\r\n========================= -->\r\n<section id=\"smg-left-video\">\r\n  <div class=\"smg-left-video-wrap\">\r\n    <video autoplay muted loop playsinline>\r\n      <source src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/contact-us-smg.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n  <\/div>\r\n<\/section>\r\n\r\n  <div class=\"smg-request-box\">\r\n\r\n    <h2>\u0648\u0635\u0648\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h2>\r\n    <p>\u0642\u062f\u0651\u0645 \u0637\u0644\u0628\u0643 \u0623\u0648 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629.<\/p>\r\n\r\n    <!-- REQUEST QUOTE BUTTON -->\r\n    <button type=\"button\" class=\"smg-btn smg-quote-btn\" id=\"openQuote\">\r\n      \u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631\r\n    <\/button>\r\n\r\n    <!-- CONTACT INFO -->\r\n    <div class=\"smg-contact-info\">\r\n      <a href=\"mailto:info@smgksa.net\" class=\"smg-btn smg-outline\">\r\n        \u0631\u0627\u0633\u0644\u0646\u0627 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n      <\/a>\r\n      <a href=\"tel:+966920032578\" class=\"smg-btn smg-outline\">\r\n        +966 9200 32578\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- SOCIAL ICONS -->\r\n    <div class=\"smg-icons\">\r\n\r\n      \r\n\r\n      <a href=\"https:\/\/x.com\/smgksa0\" class=\"smg-icon\">\r\n        <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/TWITTER.png\" alt=\"X\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;\">\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/www.instagram.com\/smg.ksa\/\" class=\"smg-icon\" target=\"_blank\" rel=\"noopener\">\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      <\/a>\r\n\r\n      <a href=\"https:\/\/www.linkedin.com\/company\/smg-logistics-transport-company\/\" class=\"smg-icon\" target=\"_blank\" rel=\"noopener\">\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      <\/a>\r\n\r\n    <\/div>\r\n    <!-- =========================\r\n     SMG WHATSAPP CTA\r\n========================= -->\r\n<div class=\"smg-whatsapp-section\">\r\n  <a href=\"https:\/\/wa.me\/+9660560014092\" target=\"_blank\" class=\"smg-whatsapp-btn\" rel=\"noopener\">\r\n    <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/whatsapp-smg-icon-1.png\" alt=\"WhatsApp\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;\">\r\n    <span>\u062a\u062d\u062f\u062b \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n  <\/a>\r\n<\/div>\r\n<!-- =========================\r\n     SMG WECHAT CTA\r\n========================= -->\r\n<div class=\"smg-wechat-section\">\r\n  <button type=\"button\" class=\"smg-wechat-btn\" id=\"openWechat\">\r\n    <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/smg-we-chat.webp\" alt=\"WeChat\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/1024;\">\r\n    <span>\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u064a \u062a\u0634\u0627\u062a<\/span>\r\n  <\/button>\r\n<\/div>\r\n\r\n<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =========================\r\n     REQUEST QUOTE MODAL\r\n========================= -->\r\n<div id=\"smg-quote-modal\">\r\n  <div class=\"smg-modal-box\">\r\n    <button class=\"smg-modal-close\" id=\"closeQuote\">\u00d7<\/button>\r\n    <h3>\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631<\/h3>\r\n    <p>\u064a\u0631\u062c\u0649 \u062a\u0639\u0628\u0626\u0629 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0623\u062f\u0646\u0627\u0647.<\/p>\r\n    <div class=\"smg-modal-form\">\r\n      <div class=\"wpforms-container\" id=\"wpforms-5814\"><form id=\"wpforms-form-5814\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"5814\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/ar\/wp-json\/wp\/v2\/pages\/5848\" data-token=\"01de5c14359dda1a6eab9a3367bded9d\" data-token-time=\"1778773434\" data-trp-original-action=\"\/ar\/wp-json\/wp\/v2\/pages\/5848\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div class=\"wpforms-field-container\"><div id=\"wpforms-5814-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-5814-field_1\">\u0627\u0644\u0627\u0633\u0645 <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-5814-field_1\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][1]\" required><\/div><div id=\"wpforms-5814-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-5814-field_2\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"email\" id=\"wpforms-5814-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" required><\/div><div id=\"wpforms-5814-field_6-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-5814-field_6\">\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641<\/label><input type=\"text\" id=\"wpforms-5814-field_6\" class=\"wpforms-field-medium\" name=\"wpforms[fields][6]\" ><\/div>\t\t<div id=\"wpforms-5814-field_3-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"3\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-5814-field_3\" >Your Services Number<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-5814-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-5814-field_8-container\" class=\"wpforms-field wpforms-field-radio wpforms-list-inline\" data-field-id=\"8\"><label class=\"wpforms-field-label\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 <span class=\"wpforms-required-label\">*<\/span><\/label><ul id=\"wpforms-5814-field_8\" class=\"wpforms-field-required\"><li class=\"choice-1 depth-1\"><input type=\"radio\" id=\"wpforms-5814-field_8_1\" name=\"wpforms[fields][8]\" value=\"Road Freight\" required><label class=\"wpforms-field-label-inline\" for=\"wpforms-5814-field_8_1\">\u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u064a<\/label><\/li><li class=\"choice-2 depth-1\"><input type=\"radio\" id=\"wpforms-5814-field_8_2\" name=\"wpforms[fields][8]\" value=\"Sea Freight\" required><label class=\"wpforms-field-label-inline\" for=\"wpforms-5814-field_8_2\">\u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u062d\u0631\u064a<\/label><\/li><li class=\"choice-3 depth-1 wpforms-selected\"><input type=\"radio\" id=\"wpforms-5814-field_8_3\" name=\"wpforms[fields][8]\" value=\"Project Cargo\" required checked='checked'><label class=\"wpforms-field-label-inline\" for=\"wpforms-5814-field_8_3\">\u0634\u062d\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/label><\/li><li class=\"choice-4 depth-1\"><input type=\"radio\" id=\"wpforms-5814-field_8_4\" name=\"wpforms[fields][8]\" value=\"Warehousing\" required><label class=\"wpforms-field-label-inline\" for=\"wpforms-5814-field_8_4\">\u0627\u0644\u062a\u062e\u0632\u064a\u0646<\/label><\/li><li class=\"choice-6 depth-1 wpforms-other-choice\"><input type=\"radio\" id=\"wpforms-5814-field_8_6\" data-other-choice=\"true\" name=\"wpforms[fields][8]\" value=\"Other\" required><label class=\"wpforms-field-label-inline\" for=\"wpforms-5814-field_8_6\">\u0623\u062e\u0631\u0649<\/label><\/li><\/ul><input type=\"text\" id=\"wpforms-5814-field_8_other\" class=\"wpforms-other-input wpforms-field-required wpforms-field-medium wpforms-hidden\" name=\"wpforms[fields][8][other]\" disabled=\"disabled\" required><\/div><div id=\"wpforms-5814-field_5-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-5814-field_5\">\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0643<\/label><textarea id=\"wpforms-5814-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" ><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-5814-field_3-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-5814-field_3-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-5814-field_3-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"5814\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/pages\/5848\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-5814\" class=\"wpforms-submit\" data-alt-text=\"Thank you for Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">\u0625\u0631\u0633\u0627\u0644<\/button><img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner lazyload\" style=\"--smush-placeholder-width: 26px; --smush-placeholder-aspect-ratio: 26\/26;display: none;\" width=\"26\" height=\"26\" alt=\"Loading\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\"><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form><\/div>  <!-- .wpforms-container -->\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<!-- =========================\r\n     WECHAT OPTIONS MODAL\r\n========================= -->\r\n<div id=\"smg-wechat-modal\">\r\n  <div class=\"smg-modal-box\">\r\n    <button class=\"smg-modal-close\" id=\"closeWechat\">\u00d7<\/button>\r\n\r\n    <h3>\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u064a \u062a\u0634\u0627\u062a<\/h3>\r\n    <p>\u062a\u0648\u0627\u0635\u0644 \u0628\u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u064a \u062a\u0641\u0636\u0644\u0647\u0627<\/p>\r\n\r\n    <div style=\"display:flex;flex-direction:column;gap:16px;margin-top:20px;\">\r\n\r\n     \r\n\r\n      <button type=\"button\" class=\"smg-btn\" id=\"copyWechat\">\r\n        \u0646\u0633\u062e \u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641\r\n      <\/button>\r\n\r\n      <button type=\"button\" class=\"smg-btn\" id=\"showWechatQR\">\r\n        \u0639\u0631\u0636 \u0631\u0645\u0632 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0633\u0631\u064a\u0639\u0629\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n    <div id=\"wechatQRBox\" style=\"display:none;margin-top:22px;text-align:center;\">\r\n      <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/smg-wechat-qrcode.jpeg\"\r\n           style=\"--smush-placeholder-width: 1716px; --smush-placeholder-aspect-ratio: 1716\/1768;max-width:220px;border-radius:16px;\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<style>\r\n\/* ===============================\r\n   GLOBAL RESET (NO PINK EVER)\r\n================================ *\/\r\n*{\r\n  outline:none!important;\r\n  -webkit-tap-highlight-color:transparent!important;\r\n}\r\na,button{\r\n  text-decoration:none!important;\r\n  box-shadow:none!important;\r\n}\r\n\r\n\/* ===============================\r\n   REQUEST SECTION\r\n================================ *\/\r\n#smg-request-portal{\r\n  min-height:100vh;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:120px 20px;\r\n}\r\n\r\n.smg-request-box{\r\n  width:100%;\r\n  max-width:420px;\r\n  padding:38px 34px;\r\n  border-radius:22px;\r\n  text-align:center;\r\n  color:#fff;\r\n\r\n  background:rgba(255,255,255,0.08);\r\n  \/* PC: no blur, clean glass *\/\r\n@media(min-width:1025px){\r\n  .smg-request-box{\r\n    backdrop-filter: none !important;\r\n    background: rgba(0,0,0,0.38); \/* clean transparent *\/\r\n  }\r\n}\r\n\r\n  border:1px solid rgba(255,255,255,0.25);\r\n  box-shadow:0 30px 80px rgba(0,0,0,.55);\r\n}\r\n\r\n.smg-request-box h2{\r\n  font-size:24px;\r\n  font-weight:800;\r\n  margin-bottom:6px;\r\n}\r\n\r\n.smg-request-box p{\r\n  font-size:14.5px;\r\n  margin-bottom:22px;\r\n  color:rgba(255,255,255,.9);\r\n}\r\n\r\n\/* ===============================\r\n   BUTTON SYSTEM (SMG LOCKED)\r\n================================ *\/\r\n.smg-btn{\r\n  position:relative;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:14px 26px;\r\n  border-radius:14px;\r\n  font-weight:700;\r\n  color:#fff;\r\n  border:2px solid #fff;\r\n  overflow:hidden;\r\n}\r\n\r\n.smg-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.smg-btn::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  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){\r\n  .smg-btn:hover::before{transform:translateX(0);}\r\n  .smg-btn:hover{color:#2326C8;}\r\n}\r\n\r\n.smg-quote-btn{\r\n  width:100%;\r\n  margin-bottom:18px;\r\n}\r\n\r\n.smg-contact-info{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:14px;\r\n  margin-bottom:26px;\r\n}\r\n\r\n\/* ===============================\r\n   ICON SYSTEM (BIG + PREMIUM)\r\n================================ *\/\r\n.smg-icons{\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:18px;\r\n}\r\n\r\n.smg-icon{\r\n  width:64px;\r\n  height:64px;\r\n  border-radius:18px;\r\n  border:2px solid #fff;\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n.smg-icon::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.smg-icon::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  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){\r\n  .smg-icon:hover::before{transform:translateX(0);}\r\n}\r\n\r\n.smg-icon img{\r\n  width:30px;\r\n  height:30px;\r\n  filter:brightness(0) invert(1);\r\n  transition:.35s ease;\r\n}\r\n@media(hover:hover){\r\n  .smg-icon:hover img{\r\n    filter:none; \/* BLUE ICON *\/\r\n  }\r\n}\r\n\r\n\/* ===============================\r\n   MODAL\r\n================================ *\/\r\n#smg-quote-modal{\r\n  position:fixed;\r\n  inset:0;\r\n  background:rgba(0,0,0,.65);\r\n  backdrop-filter:blur(6px);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  opacity:0;\r\n  pointer-events:none;\r\n  transition:.35s ease;\r\n  z-index:9999;\r\n}\r\n#smg-quote-modal.active{\r\n  opacity:1;\r\n  pointer-events:auto;\r\n}\r\n\r\n.smg-modal-box{\r\n  width:100%;\r\n  max-width:460px;\r\n  padding:34px 30px;\r\n  border-radius:22px;\r\n  background:rgba(20,20,20,.95);\r\n  border:1px solid rgba(255,255,255,.2);\r\n  box-shadow:0 40px 100px rgba(0,0,0,.7);\r\n  color:#fff;\r\n  position:relative;\r\n}\r\n\r\n.smg-modal-close{\r\n  position:absolute;\r\n  top:14px;\r\n  right:16px;\r\n  font-size:28px;\r\n  background:none;\r\n  border:none;\r\n  color:#fff;\r\n  cursor:pointer;\r\n}\r\n\r\n\/* FORCE WPFORMS BLUE *\/\r\n#smg-quote-modal button[type=submit],\r\n#smg-quote-modal input[type=submit]{\r\n  background:linear-gradient(135deg,#2326C8,#1b1ea6)!important;\r\n  border:2px solid #fff!important;\r\n  color:#fff!important;\r\n  font-weight:700!important;\r\n}\r\n\r\n\/* ===============================\r\n   MOBILE\r\n================================ *\/\r\n@media(max-width:600px){\r\n  #smg-request-portal{\r\n    padding:100px 16px;\r\n  }\r\n  .smg-icons{\r\n    gap:16px;\r\n  }\r\n}\r\n\r\n\/* ======================================\r\n   SMG HARD KILL \u2014 PINK \/ THEME OVERRIDES\r\n   (REQUEST QUOTE + ALL BUTTON STATES)\r\n====================================== *\/\r\n\r\n\/* Kill theme accent color *\/\r\n:root{\r\n  accent-color:#2326C8 !important;\r\n}\r\n\r\n\/* Force SMG button colors in ALL states *\/\r\n#openQuote,\r\n#openQuote:hover,\r\n#openQuote:focus,\r\n#openQuote:focus-visible,\r\n#openQuote:active{\r\n  background:linear-gradient(135deg,#2326C8,#1b1ea6) !important;\r\n  border-color:#ffffff !important;\r\n  color:#ffffff !important;\r\n  outline:none !important;\r\n  box-shadow:none !important;\r\n}\r\n\r\n\/* Kill browser \/ Elementor focus ring *\/\r\nbutton,\r\nbutton:hover,\r\nbutton:focus,\r\nbutton:focus-visible,\r\nbutton:active{\r\n  outline:none !important;\r\n  box-shadow:none !important;\r\n}\r\n\r\n\/* Kill WPForms pink focus + submit *\/\r\n.wpforms-form button,\r\n.wpforms-form button:hover,\r\n.wpforms-form button:focus,\r\n.wpforms-form button:focus-visible,\r\n.wpforms-form button:active,\r\n.wpforms-form input[type=submit],\r\n.wpforms-form input[type=submit]:hover,\r\n.wpforms-form input[type=submit]:focus,\r\n.wpforms-form input[type=submit]:active{\r\n  background:linear-gradient(135deg,#2326C8,#1b1ea6) !important;\r\n  border:2px solid #ffffff !important;\r\n  color:#ffffff !important;\r\n  box-shadow:none !important;\r\n  outline:none !important;\r\n}\r\n\r\n\/* Kill mobile tap highlight *\/\r\n*{\r\n  -webkit-tap-highlight-color:transparent !important;\r\n}\r\n\r\n\/* ======================================\r\n   SMG REQUEST QUOTE \u2014 HOVER RESTORE\r\n   (WHITE SLIDE + BLUE TEXT)\r\n====================================== *\/\r\n\r\n#openQuote{\r\n  position:relative !important;\r\n  overflow:hidden !important;\r\n  z-index:1;\r\n}\r\n\r\n\/* Gradient base *\/\r\n#openQuote::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 layer *\/\r\n#openQuote::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 animation *\/\r\n@media (hover:hover){\r\n  #openQuote:hover::before{\r\n    transform:translateX(0);\r\n  }\r\n\r\n  #openQuote:hover{\r\n    color:#2326C8 !important;\r\n  }\r\n}\r\n\r\n\/* Prevent focus from breaking hover *\/\r\n#openQuote:focus,\r\n#openQuote:focus-visible{\r\n  color:#ffffff !important;\r\n}\r\n\r\n\/* =====================================\r\n   HERO SIDE VIDEO \u2014 SMG\r\n===================================== *\/\r\n\r\n#smg-hero-video-section{\r\n  width:100%;\r\n  margin-top:40px;\r\n}\r\n\r\n\/* PC SIDE VIDEO *\/\r\n.smg-hero-video-wrap{\r\n  max-width:520px;\r\n  margin-left:auto;   \/* push to right *\/\r\n}\r\n\r\n.smg-hero-video-wrap video{\r\n  width:100%;\r\n  height:auto;\r\n  border-radius:26px;\r\n  object-fit:cover;\r\n  box-shadow:0 30px 80px rgba(0,0,0,0.6);\r\n}\r\n\r\n\/* ===============================\r\n   MOBILE \u2014 CENTERED VIDEO\r\n================================ *\/\r\n@media(max-width:1024px){\r\n\r\n  #smg-hero-video-section{\r\n    display:flex;\r\n    justify-content:center;\r\n    margin-top:32px;\r\n  }\r\n\r\n  .smg-hero-video-wrap{\r\n    max-width:420px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .smg-hero-video-wrap video{\r\n    border-radius:22px;\r\n    box-shadow:0 25px 70px rgba(0,0,0,0.55);\r\n  }\r\n}\r\n\/* ===============================\r\n   SMG LEFT VIDEO \u2014 PC \/ MOBILE\r\n================================ *\/\r\n\r\n\/* Video section container *\/\r\n#smg-left-video{\r\n  width:100%;\r\n  padding:120px 20px 0;\r\n}\r\n\r\n\/* PC: LEFT aligned *\/\r\n.smg-left-video-wrap{\r\n  max-width:520px;\r\n  margin-right:auto;   \/* LEFT ALIGN *\/\r\n}\r\n\r\n\/* Video styling *\/\r\n.smg-left-video-wrap video{\r\n  width:100%;\r\n  height:auto;\r\n  border-radius:26px;\r\n  object-fit:cover;\r\n  box-shadow:0 30px 80px rgba(0,0,0,0.6);\r\n}\r\n\r\n\/* ===============================\r\n   MOBILE \u2014 CENTER ALIGN\r\n================================ *\/\r\n@media(max-width:1024px){\r\n  #smg-left-video{\r\n    display:flex;\r\n    justify-content:center;\r\n    padding-top:60px;\r\n  }\r\n\r\n  .smg-left-video-wrap{\r\n    margin:0 auto;\r\n    max-width:420px;\r\n  }\r\n\r\n  .smg-left-video-wrap video{\r\n    border-radius:22px;\r\n    box-shadow:0 25px 70px rgba(0,0,0,0.55);\r\n  }\r\n}\r\n\/* =====================================\r\n   FIX VIDEO GAP (PC) + CROP (MOBILE)\r\n===================================== *\/\r\n\r\n\/* REMOVE EXTRA GAP ON DESKTOP *\/\r\n#smg-left-video{\r\n  padding-top: 40px !important;   \/* was too big *\/\r\n  padding-bottom: 0 !important;\r\n}\r\n\r\n\/* DESKTOP: keep left but tighter *\/\r\n.smg-left-video-wrap{\r\n  max-width: 520px;\r\n  margin-left: 0;\r\n  margin-right: auto;\r\n}\r\n\r\n\/* VIDEO \u2014 NATURAL SIZE *\/\r\n.smg-left-video-wrap video{\r\n  width: 100%;\r\n  height: auto !important;\r\n  max-height: none !important;\r\n  object-fit: contain !important; \/* \ud83d\udd11 prevents crop *\/\r\n  display: block;\r\n}\r\n\r\n\/* ===============================\r\n   MOBILE FIX \u2014 CENTER + NO CROP\r\n================================ *\/\r\n@media(max-width:1024px){\r\n\r\n  #smg-left-video{\r\n    display: flex;\r\n    justify-content: center;\r\n    padding-top: 24px !important;\r\n    padding-bottom: 0 !important;\r\n  }\r\n\r\n  .smg-left-video-wrap{\r\n    max-width: 92%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .smg-left-video-wrap video{\r\n    width: 100%;\r\n    height: auto !important;\r\n    object-fit: contain !important; \/* \ud83d\udd11 FULL VIDEO *\/\r\n    border-radius: 20px;\r\n  }\r\n}\r\n\/* =====================================\r\n   SMG REQUEST LAYOUT FIX (REAL FIX)\r\n===================================== *\/\r\n\r\n.smg-request-layout{\r\n  display: flex;\r\n  gap: 60px;\r\n  align-items: center;\r\n}\r\n\/* PC: center video + box together *\/\r\n@media(min-width:1025px){\r\n  .smg-request-layout{\r\n    justify-content: center;\r\n    gap: 80px; \/* balanced spacing *\/\r\n  }\r\n}\r\n\r\n\/* LEFT VIDEO *\/\r\n#smg-left-video{\r\n  flex: 1;\r\n}\r\n\r\n.smg-left-video-wrap{\r\n  max-width: 520px;\r\n}\r\n\r\n.smg-left-video-wrap video{\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  object-fit: contain;\r\n  border-radius: 26px;\r\n  box-shadow: 0 30px 80px rgba(0,0,0,0.6);\r\n}\r\n\r\n\/* RIGHT BOX *\/\r\n.smg-request-box{\r\n  flex: 0 0 420px;\r\n}\r\n\r\n\/* ===============================\r\n   MOBILE \u2014 STACK & CENTER\r\n================================ *\/\r\n@media(max-width:1024px){\r\n\r\n  .smg-request-layout{\r\n    flex-direction: column;\r\n    gap: 32px;\r\n  }\r\n\r\n  #smg-left-video{\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n\r\n  .smg-left-video-wrap{\r\n    max-width: 92%;\r\n  }\r\n}\r\n\/* =====================================\r\n   CENTER THE VIDEO + CARD (PC ONLY)\r\n===================================== *\/\r\n\r\n@media(min-width:1025px){\r\n\r\n  .smg-request-layout{\r\n    justify-content: center; \/* center the whole group *\/\r\n  }\r\n\r\n  #smg-left-video{\r\n    margin-right: -20px; \/* pull video toward center *\/\r\n  }\r\n\r\n  .smg-request-box{\r\n    margin-left: -20px; \/* pull card toward center *\/\r\n  }\r\n}\r\n\/* =====================================\r\n   SMG REQUEST QUOTE \u2014 FORM SIZE FIX\r\n===================================== *\/\r\n\r\n\/* Target only this modal WPForm *\/\r\n#smg-quote-modal .wpforms-container{\r\n  max-width: 100%;\r\n}\r\n\r\n\/* Inputs & textarea *\/\r\n#smg-quote-modal input[type=text],\r\n#smg-quote-modal input[type=email],\r\n#smg-quote-modal input[type=tel],\r\n#smg-quote-modal textarea,\r\n#smg-quote-modal select{\r\n  height: 42px !important;\r\n  padding: 8px 12px !important;\r\n  font-size: 14px !important;\r\n  border-radius: 10px !important;\r\n}\r\n\r\n\/* Textarea height *\/\r\n#smg-quote-modal textarea{\r\n  min-height: 90px !important;\r\n  resize: none;\r\n}\r\n\r\n\/* Reduce spacing between fields *\/\r\n#smg-quote-modal .wpforms-field{\r\n  margin-bottom: 14px !important;\r\n}\r\n\r\n\/* Form padding *\/\r\n#smg-quote-modal .wpforms-form{\r\n  padding-top: 10px;\r\n}\r\n\/* =====================================\r\n   SMG SUBMIT BUTTON \u2014 SAME HOVER EFFECT\r\n===================================== *\/\r\n\r\n#smg-quote-modal button[type=submit],\r\n#smg-quote-modal input[type=submit]{\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  border-radius: 14px !important;\r\n  font-weight: 700 !important;\r\n  height: 46px !important;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Gradient base *\/\r\n#smg-quote-modal button[type=submit]::after,\r\n#smg-quote-modal input[type=submit]::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 layer *\/\r\n#smg-quote-modal button[type=submit]::before,\r\n#smg-quote-modal input[type=submit]::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 animation *\/\r\n@media(hover:hover){\r\n  #smg-quote-modal button[type=submit]:hover::before,\r\n  #smg-quote-modal input[type=submit]:hover::before{\r\n    transform: translateX(0);\r\n  }\r\n\r\n  #smg-quote-modal button[type=submit]:hover,\r\n  #smg-quote-modal input[type=submit]:hover{\r\n    color: #2326C8 !important;\r\n  }\r\n}\r\n\r\n\/* Prevent focus breaking color *\/\r\n#smg-quote-modal button[type=submit]:focus,\r\n#smg-quote-modal input[type=submit]:focus,\r\n#smg-quote-modal button[type=submit]:active,\r\n#smg-quote-modal input[type=submit]:active{\r\n  color: #ffffff !important;\r\n}\r\n\/* =====================================\r\n   PUSH VIDEO + BOX DOWN (PC & MOBILE)\r\n===================================== *\/\r\n\r\n\/* Move whole group down *\/\r\n#smg-request-portal{\r\n  padding-top: 160px !important;  \/* increase space from header *\/\r\n}\r\n\r\n\/* Optional fine-tune for large screens *\/\r\n@media(min-width:1200px){\r\n  #smg-request-portal{\r\n    padding-top: 180px !important;\r\n  }\r\n}\r\n\/* =====================================\r\n   SMG SOCIAL ICONS \u2014 SIZE + HOVER FIX\r\n===================================== *\/\r\n\r\n\/* Ensure all icons same size *\/\r\n.smg-icon{\r\n  width: 64px !important;\r\n  height: 64px !important;\r\n}\r\n\r\n\/* Icon images \u2014 default WHITE *\/\r\n.smg-icon img{\r\n  width: 30px !important;\r\n  height: 30px !important;\r\n  object-fit: contain;\r\n  filter: brightness(0) invert(1); \/* force white *\/\r\n  transition: 0.35s ease;\r\n}\r\n\r\n\/* Hover \u2014 icon turns BLUE *\/\r\n@media(hover:hover){\r\n  .smg-icon:hover img{\r\n    filter: invert(29%) sepia(94%) saturate(2800%)\r\n            hue-rotate(215deg) brightness(90%) contrast(110%);\r\n  }\r\n}\r\n\/* =====================================\r\n   SMG WHATSAPP \u2014 FEATURED ICON\r\n===================================== *\/\r\n\r\n\/* Make WhatsApp bigger *\/\r\n.smg-icons a[href*=\"wa.me\"]{\r\n  width: 78px !important;\r\n  height: 78px !important;\r\n  border-radius: 22px !important;\r\n  transform: translateY(-6px); \/* lift it up *\/\r\n}\r\n\r\n\/* Bigger WhatsApp icon image *\/\r\n.smg-icons a[href*=\"wa.me\"] img{\r\n  width: 38px !important;\r\n  height: 38px !important;\r\n}\r\n\r\n\/* Optional: subtle emphasis ring *\/\r\n.smg-icons a[href*=\"wa.me\"]{\r\n  box-shadow: 0 0 0 2px rgba(255,255,255,0.35),\r\n              0 20px 40px rgba(35,38,200,0.35);\r\n}\r\n\r\n\/* Hover keeps SMG behavior *\/\r\n@media(hover:hover){\r\n  .smg-icons a[href*=\"wa.me\"]:hover{\r\n    transform: translateY(-8px);\r\n  }\r\n}\r\n\/* =====================================\r\n   SMG WHATSAPP \u2014 SEPARATE SECTION\r\n===================================== *\/\r\n\r\n.smg-whatsapp-section{\r\n  margin-top: 26px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n\/* WhatsApp CTA Button *\/\r\n.smg-whatsapp-btn{\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 16px 26px;\r\n  border-radius: 18px;\r\n  border: 2px solid #ffffff;\r\n  color: #ffffff;\r\n  font-weight: 700;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Gradient base *\/\r\n.smg-whatsapp-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\/* White slide *\/\r\n.smg-whatsapp-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: .35s ease;\r\n  z-index: -1;\r\n}\r\n\r\n\/* Icon *\/\r\n.smg-whatsapp-btn img{\r\n  width: 34px;\r\n  height: 34px;\r\n  filter: brightness(0) invert(1);\r\n  transition: .35s ease;\r\n}\r\n\r\n\/* Hover *\/\r\n@media(hover:hover){\r\n  .smg-whatsapp-btn:hover::before{\r\n    transform: translateX(0);\r\n  }\r\n\r\n  .smg-whatsapp-btn:hover{\r\n    color: #2326C8;\r\n  }\r\n\r\n  .smg-whatsapp-btn:hover img{\r\n    filter: invert(29%) sepia(94%) saturate(2800%)\r\n            hue-rotate(215deg) brightness(90%) contrast(110%);\r\n  }\r\n}\r\n\/* =====================================\r\n   FIX WHATSAPP ICON \u2014 BOLD & CLEAN\r\n===================================== *\/\r\n\r\n\/* Increase visual weight *\/\r\n.smg-whatsapp-btn img{\r\n  width: 40px !important;\r\n  height: 40px !important;\r\n  filter: brightness(0) invert(1) drop-shadow(0 0 1px #fff);\r\n}\r\n\r\n\/* Optional: slight scale for strength *\/\r\n@media(hover:hover){\r\n  .smg-whatsapp-btn:hover img{\r\n    transform: scale(1.05);\r\n  }\r\n}\r\n\/* MOBILE: hide left video *\/\r\n@media(max-width:1024px){\r\n  #smg-left-video{\r\n    display: none !important;\r\n  }\r\n}\r\n\/* MOBILE: smaller request box *\/\r\n@media(max-width:600px){\r\n  .smg-request-box{\r\n    max-width: 92%;\r\n    padding: 26px 22px;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .smg-request-box h2{\r\n    font-size: 20px;\r\n  }\r\n\r\n  .smg-request-box p{\r\n    font-size: 13.5px;\r\n  }\r\n}\r\n\/* =====================================\r\n   PC ONLY \u2014 REMOVE VIDEO & CENTER BOX\r\n===================================== *\/\r\n\r\n@media(min-width:1025px){\r\n\r\n  \/* Hide left video on PC only *\/\r\n  #smg-left-video{\r\n    display: none !important;\r\n  }\r\n\r\n  \/* Center layout *\/\r\n  .smg-request-layout{\r\n    justify-content: center !important;\r\n  }\r\n\r\n  \/* Center the request box perfectly *\/\r\n  .smg-request-box{\r\n    margin: 0 auto !important;\r\n  }\r\n}\r\n\/* =====================================\r\n   FIX RTL PHONE NUMBER (TRANSLATEPRESS)\r\n===================================== *\/\r\n\r\n\/* Force phone & email to stay LTR *\/\r\na[href^=\"tel:\"],\r\na[href^=\"mailto:\"]{\r\n  direction: ltr !important;\r\n  unicode-bidi: isolate !important;\r\n  text-align: left !important;\r\n  display: inline-flex;\r\n  justify-content: center;\r\n}\r\n\/* =====================================\r\n   MOBILE FIX \u2014 REQUEST QUOTE BUTTON\r\n   White slide + BLUE text\r\n===================================== *\/\r\n\r\n\/* Mobile & touch devices *\/\r\n@media (hover: none) and (pointer: coarse) {\r\n\r\n  #openQuote:active,\r\n  #openQuote:focus,\r\n  #openQuote:focus-visible {\r\n    color: #2326C8 !important; \/* BLUE TEXT *\/\r\n  }\r\n\r\n  \/* Ensure white slide shows *\/\r\n  #openQuote:active::before,\r\n  #openQuote:focus::before {\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\/* =====================================\r\n   FINAL MOBILE FIX \u2014 REQUEST QUOTE TEXT\r\n===================================== *\/\r\n\r\n@media (hover: none) and (pointer: coarse) {\r\n\r\n  #openQuote:active,\r\n  #openQuote:focus,\r\n  #openQuote:focus-visible {\r\n    color: #2326C8 !important;   \/* FORCE BLUE TEXT *\/\r\n  }\r\n\r\n  \/* Lock white slide ON touch *\/\r\n  #openQuote:active::before,\r\n  #openQuote:focus::before {\r\n    transform: translateX(0) !important;\r\n  }\r\n}\r\n\/* =====================================\r\n   SMG WECHAT \u2014 SAME STYLE AS WHATSAPP\r\n===================================== *\/\r\n\r\n.smg-wechat-section{\r\n  margin-top:18px;\r\n  display:flex;\r\n  justify-content:center;\r\n}\r\n\r\n.smg-wechat-btn{\r\n  position:relative;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  padding:16px 26px;\r\n  border-radius:18px;\r\n  border:2px solid #ffffff;\r\n  color:#ffffff;\r\n  font-weight:700;\r\n  overflow:hidden;\r\n  z-index:1;\r\n}\r\n\r\n\/* Gradient base *\/\r\n.smg-wechat-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\/* White slide *\/\r\n.smg-wechat-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:.35s ease;\r\n  z-index:-1;\r\n}\r\n\r\n\/* Icon *\/\r\n.smg-wechat-btn img{\r\n  width:40px;\r\n  height:40px;\r\n  object-fit:contain;\r\n  filter:brightness(0) invert(1);\r\n  transition:.35s ease;\r\n}\r\n\r\n\/* Hover *\/\r\n@media(hover:hover){\r\n  .smg-wechat-btn:hover::before{\r\n    transform:translateX(0);\r\n  }\r\n\r\n  .smg-wechat-btn:hover{\r\n    color:#2326C8;\r\n  }\r\n\r\n  .smg-wechat-btn:hover img{\r\n    filter:invert(29%) sepia(94%) saturate(2800%)\r\n           hue-rotate(215deg) brightness(90%) contrast(110%);\r\n  }\r\n}\r\n\/* ===============================\r\n   MOBILE \u2014 REQUEST QUOTE MODAL FIX\r\n================================= *\/\r\n@media(max-width:600px){\r\n\r\n  \/* modal overlay spacing *\/\r\n  #smg-quote-modal{\r\n    align-items:flex-start !important;\r\n    padding:20px 12px !important;\r\n    overflow-y:auto !important;\r\n  }\r\n\r\n  \/* modal box responsive *\/\r\n  .smg-modal-box{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    margin:0 auto !important;\r\n    padding:22px 18px 24px !important;\r\n    border-radius:18px !important;\r\n  }\r\n\r\n  \/* heading spacing *\/\r\n  .smg-modal-box h3{\r\n    font-size:20px;\r\n    margin-bottom:6px;\r\n  }\r\n\r\n  .smg-modal-box p{\r\n    font-size:13.5px;\r\n    margin-bottom:12px;\r\n  }\r\n\r\n  \/* form inputs full width *\/\r\n  #smg-quote-modal input,\r\n  #smg-quote-modal textarea,\r\n  #smg-quote-modal select{\r\n    width:100% !important;\r\n    font-size:14px !important;\r\n  }\r\n\r\n  \/* submit button full width *\/\r\n  #smg-quote-modal button[type=submit],\r\n  #smg-quote-modal input[type=submit]{\r\n    width:100% !important;\r\n    height:48px !important;\r\n  }\r\n\r\n  \/* close button easier to tap *\/\r\n  .smg-modal-close{\r\n    top:10px !important;\r\n    right:12px !important;\r\n    font-size:26px !important;\r\n  }\r\n}\r\n\/* ===============================\r\n   REAL MOBILE RADIO FIX (SAFE)\r\n================================= *\/\r\n\r\n#smg-quote-modal .wpforms-field-radio li{\r\n  margin-bottom:12px !important;\r\n}\r\n\r\n#smg-quote-modal .wpforms-field-radio input[type=\"radio\"]{\r\n  margin-right:8px !important;\r\n  transform:scale(1.05);\r\n}\r\n\r\n#smg-quote-modal .wpforms-field-radio label{\r\n  display:inline !important;\r\n  cursor:pointer;\r\n}\r\n\r\n\/* better tap spacing on mobile *\/\r\n@media(max-width:600px){\r\n  #smg-quote-modal .wpforms-field-radio li{\r\n    padding:6px 0;\r\n  }\r\n}\r\n\/* =====================================\r\n   SMG PERFECT RADIO ALIGNMENT (RTL SAFE)\r\n===================================== *\/\r\n\r\n\/* reset WPForms layout *\/\r\n#smg-quote-modal .wpforms-field-radio ul{\r\n  padding:0 !important;\r\n  margin:0 !important;\r\n}\r\n\r\n\/* each option row *\/\r\n#smg-quote-modal .wpforms-field-radio li{\r\n  display:flex !important;\r\n  align-items:center !important;\r\n  justify-content:flex-start !important;\r\n  gap:10px !important;\r\n  margin-bottom:12px !important;\r\n}\r\n\r\n\/* radio circle *\/\r\n#smg-quote-modal .wpforms-field-radio input[type=\"radio\"]{\r\n  position:static !important;\r\n  margin:0 !important;\r\n  transform:scale(1.05);\r\n}\r\n\r\n\/* label text *\/\r\n#smg-quote-modal .wpforms-field-radio label{\r\n  display:inline-block !important;\r\n  margin:0 !important;\r\n  cursor:pointer;\r\n}\r\n\r\n\/* ===== RTL SUPPORT ===== *\/\r\nhtml[dir=\"rtl\"] #smg-quote-modal .wpforms-field-radio li{\r\n  flex-direction:row-reverse !important;\r\n  justify-content:flex-end !important;\r\n}\r\n\r\n\/* ===== required message spacing ===== *\/\r\n#smg-quote-modal .wpforms-error{\r\n  margin-top:6px !important;\r\n  font-size:13px !important;\r\n}\r\n\r\n\/* mobile spacing *\/\r\n@media(max-width:600px){\r\n  #smg-quote-modal .wpforms-field-radio li{\r\n    gap:12px !important;\r\n    padding:4px 0;\r\n  }\r\n}\r\n\/* =====================================\r\n   SMG \u2014 FORCE WPFORMS RADIO SINGLE ROW\r\n   (kills column\/grid layout completely)\r\n===================================== *\/\r\n\r\n#smg-quote-modal .wpforms-field-radio ul{\r\n  display:block !important;\r\n}\r\n\r\n#smg-quote-modal .wpforms-field-radio li{\r\n  display:flex !important;\r\n  flex-direction:row !important;\r\n  align-items:center !important;\r\n  justify-content:flex-start !important;\r\n  gap:12px !important;\r\n  width:100% !important;\r\n}\r\n\r\n\/* kill theme column wrappers *\/\r\n#smg-quote-modal .wpforms-field-radio li > *{\r\n  float:none !important;\r\n  width:auto !important;\r\n}\r\n\r\n\/* radio *\/\r\n#smg-quote-modal .wpforms-field-radio input[type=\"radio\"]{\r\n  margin:0 !important;\r\n  position:static !important;\r\n  transform:scale(1.05);\r\n}\r\n\r\n\/* label *\/\r\n#smg-quote-modal .wpforms-field-radio label{\r\n  display:inline !important;\r\n  margin:0 !important;\r\n  width:auto !important;\r\n}\r\n\r\n\/* ===== RTL Arabic fix ===== *\/\r\nhtml[dir=\"rtl\"] #smg-quote-modal .wpforms-field-radio li{\r\n  flex-direction:row-reverse !important;\r\n  justify-content:flex-end !important;\r\n  text-align:right !important;\r\n}\r\n\r\n\/* prevent label breaking into vertical letters *\/\r\n#smg-quote-modal .wpforms-field-radio label{\r\n  white-space:normal !important;\r\n  word-break:normal !important;\r\n}\r\n\/* =====================================\r\n   SMG MODAL \u2014 PC HEIGHT & SCROLL FIX\r\n===================================== *\/\r\n\r\n\/* allow scrolling when form taller than screen *\/\r\n#smg-quote-modal{\r\n  overflow-y:auto !important;\r\n  padding:40px 20px !important;\r\n}\r\n\r\n\/* stop vertical cropping *\/\r\n.smg-modal-box{\r\n  margin:auto !important;\r\n  max-height:none !important;\r\n}\r\n\r\n\/* extra safety for short screens\/laptops *\/\r\n@media (max-height:800px){\r\n  #smg-quote-modal{\r\n    align-items:flex-start !important;\r\n    padding-top:60px !important;\r\n    padding-bottom:60px !important;\r\n  }\r\n}\r\n\/* =====================================\r\n   SMG \u2014 SERVICES FIELD BREATHING SPACE (PC ONLY)\r\n===================================== *\/\r\n\r\n@media(min-width:1025px){\r\n\r\n  \/* space below title *\/\r\n  #smg-quote-modal .wpforms-field-radio .wpforms-field-label{\r\n    margin-bottom:14px !important;\r\n    display:block;\r\n  }\r\n\r\n  \/* space between radio options *\/\r\n  #smg-quote-modal .wpforms-field-radio li{\r\n    margin-bottom:14px !important;\r\n  }\r\n\r\n  \/* space below last option *\/\r\n  #smg-quote-modal .wpforms-field-radio ul{\r\n    margin-bottom:18px !important;\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   SMG FINAL \u2014 SERVICES SPACING FIX (PC)\r\n===================================== *\/\r\n\r\n@media(min-width:1025px){\r\n\r\n  \/* space below SERVICES REQUIRED title *\/\r\n  #smg-quote-modal .wpforms-field-radio > label{\r\n    display:block !important;\r\n    margin-bottom:18px !important;\r\n  }\r\n\r\n  \/* space between each option *\/\r\n  #smg-quote-modal .wpforms-field-radio li{\r\n    margin-bottom:16px !important;\r\n  }\r\n\r\n  \/* space AFTER the whole radio group *\/\r\n  #smg-quote-modal .wpforms-field-radio{\r\n    margin-bottom:26px !important;\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   SMG MOBILE \u2014 TOUCH \/ TAP ANIMATION\r\n   (Enables white slide & blue text\/icon on tap)\r\n===================================== *\/\r\n@media (hover: none) and (pointer: coarse) {\r\n\r\n  \/* 1. Ensure the white slide layer is visible and ready *\/\r\n  .smg-btn::before,\r\n  .smg-icon::before,\r\n  .smg-whatsapp-btn::before,\r\n  .smg-wechat-btn::before,\r\n  #smg-quote-modal button[type=submit]::before,\r\n  #smg-quote-modal input[type=submit]::before {\r\n    display: block !important;\r\n  }\r\n\r\n  \/* 2. Trigger the slide on tap *\/\r\n  .smg-btn:active::before,\r\n  .smg-icon:active::before,\r\n  .smg-whatsapp-btn:active::before,\r\n  .smg-wechat-btn:active::before,\r\n  #smg-quote-modal button[type=submit]:active::before,\r\n  #smg-quote-modal input[type=submit]:active::before {\r\n    transform: translateX(0) !important;\r\n  }\r\n\r\n  \/* 3. Turn text BLUE on tap *\/\r\n  .smg-btn:active,\r\n  .smg-whatsapp-btn:active,\r\n  .smg-wechat-btn:active,\r\n  #smg-quote-modal button[type=submit]:active,\r\n  #smg-quote-modal input[type=submit]:active {\r\n    color: #2326C8 !important;\r\n  }\r\n\r\n  \/* 4. Turn icons BLUE on tap *\/\r\n  .smg-icon:active img,\r\n  .smg-whatsapp-btn:active img,\r\n  .smg-wechat-btn:active img {\r\n    filter: invert(29%) sepia(94%) saturate(2800%) hue-rotate(215deg) brightness(90%) contrast(110%) !important;\r\n  }\r\n}\r\n\/* =====================================\r\n   FIX REQUEST QUOTE TEXT ON MOBILE TAP\r\n===================================== *\/\r\n\r\n@media (hover:none) and (pointer:coarse){\r\n\r\n  #openQuote:active,\r\n  #openQuote:focus,\r\n  #openQuote:focus-visible{\r\n    color:#2326C8 !important;   \/* force blue text *\/\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   SMG REQUEST FORM \u2014 PERFECT SPACING\r\n   (modal only, PC + Mobile + RTL safe)\r\n===================================== *\/\r\n\r\n\/* space between fields *\/\r\n#smg-quote-modal .wpforms-field{\r\n  margin-bottom:22px !important;\r\n}\r\n\r\n\/* label spacing above inputs *\/\r\n#smg-quote-modal .wpforms-field-label{\r\n  display:block !important;\r\n  margin-bottom:8px !important;\r\n}\r\n\r\n\/* inputs comfortable height *\/\r\n#smg-quote-modal input[type=text],\r\n#smg-quote-modal input[type=email],\r\n#smg-quote-modal input[type=tel],\r\n#smg-quote-modal textarea,\r\n#smg-quote-modal select{\r\n  height:46px !important;\r\n  padding:10px 14px !important;\r\n  border-radius:12px !important;\r\n}\r\n\r\n\/* textarea extra room *\/\r\n#smg-quote-modal textarea{\r\n  min-height:110px !important;\r\n}\r\n\r\n\/* radio spacing *\/\r\n#smg-quote-modal .wpforms-field-radio li{\r\n  margin-bottom:12px !important;\r\n}\r\n\r\n\/* error message spacing *\/\r\n#smg-quote-modal .wpforms-error{\r\n  margin-top:6px !important;\r\n}\r\n\r\n\/* =====================================\r\n   MOBILE EXTRA BREATHING SPACE\r\n===================================== *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  #smg-quote-modal .wpforms-field{\r\n    margin-bottom:24px !important;\r\n  }\r\n\r\n  #smg-quote-modal .wpforms-field-label{\r\n    margin-bottom:10px !important;\r\n  }\r\n\r\n  #smg-quote-modal input,\r\n  #smg-quote-modal textarea,\r\n  #smg-quote-modal select{\r\n    height:48px !important;\r\n    padding:12px 14px !important;\r\n  }\r\n\r\n  #smg-quote-modal textarea{\r\n    min-height:120px !important;\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   SMG MODAL CLOSE BUTTON \u2014 SAME HOVER AS SMG BUTTONS\r\n===================================== *\/\r\n\r\n.smg-modal-close{\r\n  position:absolute;\r\n  top:14px;\r\n  right:16px;\r\n\r\n  width:42px;\r\n  height:42px;\r\n  border-radius:12px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:22px;\r\n  font-weight:700;\r\n\r\n  border:2px solid #ffffff;\r\n  color:#ffffff;\r\n  background:transparent;\r\n  cursor:pointer;\r\n  overflow:hidden;\r\n  z-index:1;\r\n}\r\n\r\n\/* gradient base *\/\r\n.smg-modal-close::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 layer *\/\r\n.smg-modal-close::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:#ffffff;\r\n  transform:translateX(-100%);\r\n  transition:.35s ease;\r\n  z-index:-1;\r\n}\r\n\r\n\/* desktop hover *\/\r\n@media(hover:hover){\r\n  .smg-modal-close:hover::before{\r\n    transform:translateX(0);\r\n  }\r\n  .smg-modal-close:hover{\r\n    color:#2326C8;\r\n  }\r\n}\r\n\r\n\/* mobile tap animation *\/\r\n@media (hover:none) and (pointer:coarse){\r\n\r\n  .smg-modal-close:active::before{\r\n    transform:translateX(0);\r\n  }\r\n\r\n  .smg-modal-close:active{\r\n    color:#2326C8 !important;\r\n  }\r\n\r\n}\r\n\/* WECHAT MODAL *\/\r\n#smg-wechat-modal{\r\n  position:fixed;\r\n  inset:0;\r\n  background:rgba(0,0,0,.65);\r\n  backdrop-filter:blur(6px);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  opacity:0;\r\n  pointer-events:none;\r\n  transition:.35s ease;\r\n  z-index:9999;\r\n}\r\n#smg-wechat-modal.active{\r\n  opacity:1;\r\n  pointer-events:auto;\r\n}\r\n\/* =====================================\r\n   FORCE WECHAT SAME SIZE AS WHATSAPP\r\n===================================== *\/\r\n\r\n\/* Make both sections identical width *\/\r\n.smg-whatsapp-btn,\r\n.smg-wechat-btn{\r\n  width: 100%;\r\n  max-width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n\/* Ensure same height visually *\/\r\n.smg-whatsapp-btn,\r\n.smg-wechat-btn{\r\n  min-height: 62px;\r\n}\r\n\r\n\/* Ensure text alignment identical *\/\r\n.smg-whatsapp-btn span,\r\n.smg-wechat-btn span{\r\n  display: inline-block;\r\n}\r\n\r\n\/* Remove any wrap difference *\/\r\n.smg-wechat-btn{\r\n  flex-wrap: nowrap !important;\r\n}\r\n\/* =====================================\r\n   SMG FINAL CLOSE BUTTON FIX\r\n   Perfect alignment + RTL support\r\n===================================== *\/\r\n\r\n\/* Base style (ALL devices) *\/\r\n#smg-quote-modal .smg-modal-close,\r\n#smg-wechat-modal .smg-modal-close{\r\n\r\n  width:38px !important;      \/* keep box clean *\/\r\n  height:38px !important;\r\n  border-radius:10px !important;\r\n\r\n  display:flex !important;\r\n  align-items:center !important;\r\n  justify-content:center !important;\r\n\r\n  font-size:22px !important;  \/* \ud83d\udd25 BIGGER X ICON *\/\r\n  line-height:1 !important;\r\n\r\n  top:18px !important;\r\n  right:18px !important;      \/* default = English *\/\r\n  left:auto !important;\r\n}\r\n\r\n\/* ===== Arabic version (LEFT) ===== *\/\r\nhtml[dir=\"rtl\"] #smg-quote-modal .smg-modal-close,\r\nhtml[dir=\"rtl\"] #smg-wechat-modal .smg-modal-close,\r\nbody.rtl #smg-quote-modal .smg-modal-close,\r\nbody.rtl #smg-wechat-modal .smg-modal-close,\r\nhtml[lang^=\"ar\"] #smg-quote-modal .smg-modal-close,\r\nhtml[lang^=\"ar\"] #smg-wechat-modal .smg-modal-close{\r\n\r\n  left:18px !important;\r\n  right:auto !important;\r\n}\r\n\r\n\/* =====================================\r\n   PC EXTRA ICON SIZE BOOST\r\n   (Box same size \u2014 icon bigger only)\r\n===================================== *\/\r\n\r\n@media (min-width:1025px){\r\n\r\n  #smg-quote-modal .smg-modal-close,\r\n  #smg-wechat-modal .smg-modal-close{\r\n    font-size:26px !important;  \/* bigger X only *\/\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   PC ONLY \u2014 FORCE PERFECT CLOSE CENTER\r\n   (Override old CSS safely)\r\n===================================== *\/\r\n\r\n@media (min-width:1025px){\r\n\r\n  #smg-quote-modal .smg-modal-close,\r\n  #smg-wechat-modal .smg-modal-close{\r\n\r\n    display:flex !important;\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n\r\n    padding:0 !important;\r\n    line-height:1 !important;      \/* fix vertical drop *\/\r\n    font-size:26px !important;     \/* keep icon large *\/\r\n    \r\n    transform:translateY(-1px);    \/* micro pixel correction for PC *\/\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   PC \u2014 FIX CLOSE BUTTON TOP GAP\r\n===================================== *\/\r\n\r\n@media (min-width:1025px){\r\n\r\n  #smg-quote-modal .smg-modal-close,\r\n  #smg-wechat-modal .smg-modal-close{\r\n\r\n    top:12px !important;     \/* was 18px \u2014 reduce gap *\/\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   PC \u2014 MINIMAL CLOSE ICON (HOVER BOX)\r\n===================================== *\/\r\n\r\n@media (min-width:1025px){\r\n\r\n  \/* Remove visible box *\/\r\n  #smg-quote-modal .smg-modal-close,\r\n  #smg-wechat-modal .smg-modal-close{\r\n\r\n    background: transparent !important;\r\n    border: none !important;\r\n    width: auto !important;\r\n    height: auto !important;\r\n    padding: 6px !important;\r\n\r\n    font-size: 28px !important;\r\n    color: #ffffff !important;\r\n\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    border-radius: 10px !important;\r\n    transition: .3s ease;\r\n  }\r\n\r\n  \/* Hide gradient layers initially *\/\r\n  #smg-quote-modal .smg-modal-close::after,\r\n  #smg-wechat-modal .smg-modal-close::after,\r\n  #smg-quote-modal .smg-modal-close::before,\r\n  #smg-wechat-modal .smg-modal-close::before{\r\n    opacity: 0 !important;\r\n    transform: translateX(-100%);\r\n  }\r\n\r\n  \/* On hover \u2014 show animated box *\/\r\n  @media (hover:hover){\r\n    #smg-quote-modal .smg-modal-close:hover,\r\n    #smg-wechat-modal .smg-modal-close:hover{\r\n      padding: 8px 14px !important;\r\n    }\r\n\r\n    #smg-quote-modal .smg-modal-close:hover::after,\r\n    #smg-wechat-modal .smg-modal-close:hover::after{\r\n      opacity: 1 !important;\r\n    }\r\n\r\n    #smg-quote-modal .smg-modal-close:hover::before,\r\n    #smg-wechat-modal .smg-modal-close:hover::before{\r\n      opacity: 1 !important;\r\n      transform: translateX(0) !important;\r\n    }\r\n\r\n    #smg-quote-modal .smg-modal-close:hover{\r\n      color:#2326C8 !important;\r\n    }\r\n\r\n    #smg-wechat-modal .smg-modal-close:hover{\r\n      color:#2326C8 !important;\r\n    }\r\n  }\r\n\r\n}\r\n\/* =====================================================\r\n   SMG REQUEST PORTAL \u2014 PREMIUM FALL & STRAIGHTEN ANIMATION\r\n===================================================== *\/\r\n\r\n#smg-request-portal{\r\n  perspective:1600px;\r\n  transform-style: preserve-3d;\r\n}\r\n\/* INITIAL STATE \u2014 fallen sideways *\/\r\n#smg-left-video,\r\n.smg-request-box{\r\n\r\n  opacity:0;\r\n\r\n  transform:\r\n  rotateY(-28deg)\r\n  rotateX(8deg)\r\n  translateY(80px)\r\n  translateZ(-120px);\r\n\r\n  transform-origin:center bottom;\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 2.6s cubic-bezier(.22,.61,.36,1),\r\n  opacity 0.8s ease;\r\n}\r\n\/* FINAL STATE \u2014 perfectly straight *\/\r\n#smg-request-portal.is-flipped #smg-left-video,\r\n#smg-request-portal.is-flipped .smg-request-box{\r\n\r\n  opacity:1;\r\n\r\n  transform:\r\n  rotateY(0deg)\r\n  rotateX(0deg)\r\n  translateY(0)\r\n  translateZ(0);\r\n\r\n}\r\n\/* =======================================================\r\n   ULTIMATE MOBILE OVERRIDE: REQUEST QUOTE BUTTON ONLY\r\n   (Locks blue text and white box permanently on tap)\r\n======================================================= *\/\r\n@media (max-width: 1024px) {\r\n    \r\n    \/* 1. Kill the slow text color fade so it snaps solid *\/\r\n    div.smg-request-box button#openQuote.smg-btn {\r\n        transition: color 0s !important; \r\n    }\r\n\r\n    \/* 2. Force text to stay BLUE when tapped and holding focus *\/\r\n    div.smg-request-box button#openQuote.smg-btn:active,\r\n    div.smg-request-box button#openQuote.smg-btn:focus,\r\n    div.smg-request-box button#openQuote.smg-btn:focus-visible,\r\n    div.smg-request-box button#openQuote.smg-btn:hover {\r\n        color: #2326C8 !important;\r\n        -webkit-text-fill-color: #2326C8 !important; \/* iOS specific lock *\/\r\n    }\r\n\r\n    \/* 3. Lock the white background slide in place so it doesn't leave *\/\r\n    div.smg-request-box button#openQuote.smg-btn:active::before,\r\n    div.smg-request-box button#openQuote.smg-btn:focus::before,\r\n    div.smg-request-box button#openQuote.smg-btn:focus-visible::before,\r\n    div.smg-request-box button#openQuote.smg-btn:hover::before {\r\n        transform: translateX(0) !important;\r\n    }\r\n}\r\n\/* =======================================================\r\n   BUG FIX: PREVENT 3D TRANSFORM FROM KILLING CLICKS\/HOVERS\r\n======================================================= *\/\r\n\r\n\/* 1. Force the request box to flatten its children into a 2D plane *\/\r\n.smg-request-box {\r\n  position: relative;\r\n  z-index: 10; \/* Ensures box sits above the left video *\/\r\n  transform-style: flat !important; \/* Kills the 3D bleeding bug *\/\r\n}\r\n\r\n\/* 2. Force all buttons\/links physically forward in the rendering layer *\/\r\n.smg-request-box a,\r\n.smg-request-box button {\r\n  position: relative;\r\n  z-index: 50 !important; \r\n  transform: translateZ(1px); \/* Forces browser to calculate hit-area in front *\/\r\n}\r\n\r\n\/* 3. Safety fallback: Hard-hide inactive modals so they never trap the screen *\/\r\n#smg-quote-modal:not(.active),\r\n#smg-wechat-modal:not(.active) {\r\n  visibility: hidden;\r\n  pointer-events: none;\r\n}\r\n<\/style>\r\n\r\n<script>\r\nwindow.addEventListener(\"load\", function(){\r\n\r\n  const modal   = document.getElementById(\"smg-quote-modal\");\r\n  const openBtn = document.getElementById(\"openQuote\");\r\n  const closeBtn= document.getElementById(\"closeQuote\");\r\n  const formWrap= document.querySelector(\"#smg-quote-modal .smg-modal-form\");\r\n\r\n  if(!modal || !openBtn || !closeBtn || !formWrap) return;\r\n\r\n  \/* \ud83d\udd25 SAVE CLEAN ORIGINAL FORM SHORTCODE OUTPUT *\/\r\n  const originalForm = formWrap.innerHTML;\r\n\r\n  \/* OPEN MODAL *\/\r\n  openBtn.addEventListener(\"click\", function(){\r\n\r\n    \/* \ud83d\udd25 ALWAYS reload fresh WPForm BEFORE showing modal *\/\r\n    formWrap.innerHTML = originalForm;\r\n\r\n    modal.classList.add(\"active\");\r\n\r\n    \/* allow WPForms JS to rebind *\/\r\n    setTimeout(function(){\r\n      if(window.wpforms && window.wpforms.init){\r\n        window.wpforms.init();\r\n      }\r\n    },150);\r\n\r\n  });\r\n\r\n  \/* CLOSE *\/\r\n  function closeModal(){\r\n    modal.classList.remove(\"active\");\r\n  }\r\n\r\n  closeBtn.addEventListener(\"click\", closeModal);\r\n\r\n  modal.addEventListener(\"click\", function(e){\r\n    if(e.target === modal) closeModal();\r\n  });\r\n\r\n  document.addEventListener(\"keydown\", function(e){\r\n    if(e.key === \"Escape\") closeModal();\r\n  });\r\n\r\n  \/* AFTER SUCCESS *\/\r\n  document.addEventListener(\"wpformsAjaxSubmitSuccess\", function(){\r\n    setTimeout(closeModal, 1200);\r\n  });\r\n\r\n});\r\n\/* ================= CLEAN WECHAT SYSTEM ================= *\/\r\n\r\nconst wechatModal  = document.getElementById(\"smg-wechat-modal\");\r\nconst openWechat   = document.getElementById(\"openWechat\");\r\nconst closeWechat  = document.getElementById(\"closeWechat\");\r\nconst copyWechat   = document.getElementById(\"copyWechat\");\r\nconst showWechatQR = document.getElementById(\"showWechatQR\");\r\nconst wechatQRBox  = document.getElementById(\"wechatQRBox\");\r\n\r\nif(openWechat){\r\n\r\n  \/* OPEN MODAL ONLY (NO APP REDIRECT) *\/\r\n  openWechat.addEventListener(\"click\", function(){\r\n    wechatModal.classList.add(\"active\");\r\n    if(wechatQRBox){\r\n      wechatQRBox.style.display = \"none\";\r\n    }\r\n  });\r\n\r\n  \/* CLOSE *\/\r\n  if(closeWechat){\r\n    closeWechat.addEventListener(\"click\", function(){\r\n      wechatModal.classList.remove(\"active\");\r\n    });\r\n  }\r\n\r\n  \/* CLOSE ON OUTSIDE CLICK *\/\r\n  if(wechatModal){\r\n    wechatModal.addEventListener(\"click\", function(e){\r\n      if(e.target === wechatModal){\r\n        wechatModal.classList.remove(\"active\");\r\n      }\r\n    });\r\n  }\r\n\r\n  \/* COPY NUMBER *\/\r\n  if(copyWechat){\r\n    copyWechat.addEventListener(\"click\", function(){\r\n      navigator.clipboard.writeText(\"+966560014092\");\r\n      copyWechat.innerText = \"Copied \u2713\";\r\n      setTimeout(()=>{\r\n        copyWechat.innerText = \"Copy Phone Number\";\r\n      },1500);\r\n    });\r\n  }\r\n\r\n  \/* SHOW QR *\/\r\n  if(showWechatQR){\r\n    showWechatQR.addEventListener(\"click\", function(){\r\n      wechatQRBox.style.display = \"block\";\r\n    });\r\n  }\r\n\r\n}\r\n<\/script>\r\n<script>\r\n\/* =========================================\r\n   SMG REQUEST PORTAL \u2014 SAFARI BACK FIX\r\n========================================= *\/\r\n\r\n(function(){\r\n\r\nconst section = document.getElementById(\"smg-request-portal\");\r\nif(!section) return;\r\n\r\nfunction startAnimation(){\r\n  requestAnimationFrame(()=>{\r\n    section.classList.add(\"is-flipped\");\r\n  });\r\n}\r\n\r\n\/* Run on normal page load *\/\r\nwindow.addEventListener(\"load\", startAnimation);\r\n\r\n\/* Safari \/ Mac back-forward cache fix *\/\r\nwindow.addEventListener(\"pageshow\", function(e){\r\n\r\n  if(e.persisted){\r\n\r\n    \/* reset animation state *\/\r\n    section.classList.remove(\"is-flipped\");\r\n\r\n    \/* force browser repaint (fix invisible buttons) *\/\r\n    section.style.display = \"none\";\r\n    section.offsetHeight;\r\n    section.style.display = \"\";\r\n\r\n    \/* restart animation *\/\r\n    startAnimation();\r\n  }\r\n\r\n});\r\n\r\n})();\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b255ec e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6b255ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb3a980 elementor-widget elementor-widget-html\" data-id=\"eb3a980\" 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\/* =========================================================\r\n   OFFICE SECTION (OTHER PAGE) \u2014 MOBILE FIX\r\n========================================================= *\/\r\n\r\n@media (max-width:1024px){\r\n\r\n  \/* REMOVE TAP BLUE *\/\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  \/* FORCE WHITE TEXT ALWAYS (NO BLUE FLASH) *\/\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 .btn:visited,\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  #smg-office-clean .smg-map-btn a:visited{\r\n    color:#ffffff !important;\r\n    -webkit-text-fill-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 .18s ease .18s;\r\n    color:#2326C8 !important;\r\n    -webkit-text-fill-color:#2326C8 !important;\r\n  }\r\n\r\n  \/* 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c22800 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"5c22800\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12796d6 elementor-widget elementor-widget-html\" data-id=\"12796d6\" 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  overflow: hidden;\r\n  transition: height 0.35s ease;\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   SMG FAQ \u2014 UNIVERSAL MOBILE SAFE PATCH\r\n   Use on ANY page with SMG FAQ\r\n===================================== *\/\r\n\r\n\/* stop horizontal page shift *\/\r\nhtml, body{\r\n  overflow-x:hidden !important;\r\n}\r\n\r\n\/* section width lock *\/\r\n.smg-faq-clean{\r\n  width:100% !important;\r\n  max-width:100% !important;\r\n  overflow:hidden !important;\r\n}\r\n\r\n\/* wrapper safety *\/\r\n.smg-faq-wrap{\r\n  width:100% !important;\r\n  max-width:100% !important;\r\n}\r\n\r\n\/* ===== MOBILE LAYOUT ===== *\/\r\n@media(max-width:1024px){\r\n\r\n  \/* replace grid with stable stack *\/\r\n  .smg-faq-wrap{\r\n    display:flex !important;\r\n    flex-direction:column !important;\r\n    gap:36px !important;\r\n  }\r\n\r\n  \/* prevent Elementor padding overflow *\/\r\n  .smg-faq-clean{\r\n    padding-left:16px !important;\r\n    padding-right:16px !important;\r\n  }\r\n\r\n  \/* image never overflow *\/\r\n  .smg-faq-image,\r\n  .smg-faq-image img{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    height:auto !important;\r\n  }\r\n\r\n}\r\n\r\n\/* ===== TEXT OVERFLOW FIX ===== *\/\r\n\r\n.smg-faq-question{\r\n  min-width:0 !important;\r\n  overflow:hidden !important;\r\n}\r\n\r\n.smg-faq-question .faq-text{\r\n  flex:1 1 auto !important;\r\n  min-width:0 !important;\r\n  white-space:normal !important;\r\n  overflow-wrap:break-word !important;\r\n  word-break:break-word !important;\r\n}\r\n\r\n.smg-faq-question .faq-icon{\r\n  flex:0 0 auto !important;\r\n}\r\n\/* =====================================\r\n   SMG FAQ \u2014 FORCE SAME LAYOUT FOR ARABIC\r\n   (IMAGE LEFT, TEXT RIGHT)\r\n===================================== *\/\r\n\r\n\/* keep grid order same even in Arabic *\/\r\nhtml[lang=\"ar\"] .smg-faq-wrap{\r\n  direction:ltr !important;\r\n}\r\n\r\n\/* make only text RTL *\/\r\nhtml[lang=\"ar\"] .smg-faq-content{\r\n  direction:rtl !important;\r\n  text-align:right !important;\r\n}\r\n\r\n\/* fix question alignment *\/\r\nhtml[lang=\"ar\"] .smg-faq-question{\r\n  direction:rtl !important;\r\n  text-align:right !important;\r\n}\r\n\r\n\/* keep icon on far right *\/\r\nhtml[lang=\"ar\"] .smg-faq-question .faq-icon{\r\n  margin-left:0 !important;\r\n  margin-right:10px !important;\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<!-- NEW SEO FAQ ITEMS START -->\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\u064f\u0639\u062f\u0651 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0634\u0631\u0643\u0629 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u062a\u0639\u0645\u0644 \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\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\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 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\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\u060c \u0648\u0639\u0628\u0631 \u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a\u060c \u0648\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0639\u0627\u0644\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0639\u0645\u0644\u064a\u0627\u062a \u0634\u062d\u0646 \u062f\u0648\u0644\u064a\u0629 \u0645\u0646\u0633\u0651\u0642\u0629 \u0648\u0634\u0631\u0627\u0643\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0639\u0627\u0644\u0645\u064a\u0629.\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\u0648\u0641\u0651\u0631 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0628\u0627\u0644\u0634\u0627\u062d\u0646\u0627\u062a \u0648\u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u064a \u0628\u064a\u0646 \u0645\u062f\u0646 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\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      \u062a\u062f\u064a\u0631 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u064a \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0639\u0628\u0631 \u0643\u0628\u0631\u0649 \u0645\u062f\u0646 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u062c\u062f\u0629 \u0648\u0627\u0644\u0631\u064a\u0627\u0636 \u0648\u0627\u0644\u062f\u0645\u0627\u0645 \u0648\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u062d\u0631\u0643\u0629 \u0634\u062d\u0646 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\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\u0633\u062a\u0637\u064a\u0639 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062f\u0648\u0644\u064a \u0644\u0644\u0628\u0636\u0627\u0626\u0639 \u0645\u0646 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\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\u062f\u0639\u0645 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062f\u0648\u0644\u064a \u0645\u0646 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0625\u0644\u0649 \u0648\u062c\u0647\u0627\u062a \u0639\u0627\u0644\u0645\u064a\u0629\u060c \u062d\u064a\u062b \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0634\u062d\u0646\u0627\u062a\u060c \u0648\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0646\u0642\u0644\u060c \u0648\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0644\u0636\u0645\u0627\u0646 \u0639\u0645\u0644\u064a\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u062f\u0648\u0644\u064a\u0629 \u0633\u0644\u0633\u0629.\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 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0646\u0642\u0644\u0647\u0627 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a\u061f<\/span>\r\n    <span class=\"faq-icon\">+<\/span>\r\n  <\/button>\r\n  <div class=\"smg-faq-answer\">\r\n    <p>\r\n      \u062a\u0646\u0642\u0644 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\u060c \u0648\u0645\u0648\u0627\u062f \u0627\u0644\u0628\u0646\u0627\u0621\u060c \u0648\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0648\u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u0627\u0644\u062d\u062c\u0645\u060c \u0648\u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u062d\u0633\u0627\u0633\u0629 \u0644\u0644\u0648\u0642\u062a\u060c \u0645\u0639 \u0636\u0645\u0627\u0646 \u0627\u0644\u0645\u0646\u0627\u0648\u0644\u0629 \u0627\u0644\u0622\u0645\u0646\u0629 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\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 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u064a\u0629.\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\u062f\u0639\u0645 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0644\u0644\u0642\u0637\u0627\u0639\u064a\u0646 \u0627\u0644\u0635\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u061f<\/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 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0633\u0639\u0629 \u0627\u0644\u0646\u0637\u0627\u0642\u060c \u0648\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a\u060c \u0648\u062a\u0637\u0648\u064a\u0631\u0627\u062a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u0637\u0644\u0628 \u0646\u0642\u0644\u064b\u0627 \u062b\u0642\u064a\u0644\u064b\u0627\u060c \u0648\u062a\u062e\u0637\u064a\u0637\u064b\u0627 \u0644\u0648\u062c\u0633\u062a\u064a\u064b\u0627 \u0645\u0646\u0633\u0642\u064b\u0627\u060c \u0648\u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0634\u062d\u0646\u0627\u062a.\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\">\u0623\u064a\u0646 \u064a\u0642\u0639 \u0627\u0644\u0645\u0642\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \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\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\u0642\u0639 \u0627\u0644\u0645\u0642\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \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 \u0641\u064a \u062c\u062f\u0629 \u0628\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0641\u064a \u0645\u0648\u0642\u0639\u064d \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u064a\u062f\u0639\u0645 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0639\u0628\u0631 \u0627\u0644\u0645\u0648\u0627\u0646\u0626 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0645\u0645\u0631\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0648\u062e\u0627\u0631\u062c\u0647\u0627.\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\u0648\u0641\u0651\u0631 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u062f\u0639\u0645 \u0627\u0644\u062a\u0648\u0632\u064a\u0639\u061f<\/span>\r\n    <span class=\"faq-icon\">+<\/span>\r\n  <\/button>\r\n  <div class=\"smg-faq-answer\">\r\n    <p>\r\n      \u062a\u0633\u0627\u0639\u062f \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0634\u0645\u0644 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u062e\u0632\u064a\u0646\u060c \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a\u060c \u0648\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u062a\u0648\u0632\u064a\u0639\u060c \u0645\u0645\u0627 \u064a\u0633\u0647\u0645 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u0643\u0641\u0627\u0621\u0629 \u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0625\u0645\u062f\u0627\u062f \u0648\u0636\u0645\u0627\u0646 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0628\u0633\u0644\u0627\u0633\u0629 \u0645\u0646 \u0646\u0642\u0637\u0629 \u0627\u0644\u0627\u0646\u0637\u0644\u0627\u0642 \u0625\u0644\u0649 \u0627\u0644\u0648\u062c\u0647\u0629.\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 \u062d\u062c\u0645 \u0623\u0633\u0637\u0648\u0644 \u0627\u0644\u0646\u0642\u0644 \u0644\u062f\u0649 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a\u061f<\/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\u064a\u0631 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \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\u060c \u0645\u0645\u0627 \u064a\u0645\u0643\u0651\u0646\u0647\u0627 \u0645\u0646 \u062f\u0639\u0645 \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \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 \u0648\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0628\u0627\u0644\u0634\u0627\u062d\u0646\u0627\u062a \u0641\u064a \u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a\u060c \u0648\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0634\u062d\u0646.\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\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \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 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\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      \u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0628\u0641\u0636\u0644 \u0633\u0639\u0629 \u0623\u0633\u0637\u0648\u0644\u0647\u0627 \u0627\u0644\u0645\u0648\u062b\u0648\u0642\u0629\u060c \u0648\u0641\u0650\u0631\u0642\u0647\u0627 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0630\u0627\u062a \u0627\u0644\u062e\u0628\u0631\u0629\u060c \u0648\u0642\u062f\u0631\u062a\u0647\u0627 \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \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. \u0648\u062a\u0631\u0643\u0651\u0632 \u0627\u0644\u0634\u0631\u0643\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0627\u0648\u0644\u0629 \u0627\u0644\u0622\u0645\u0646\u0629 \u0644\u0644\u0634\u062d\u0646\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629\u060c \u0648\u0628\u0646\u0627\u0621 \u0634\u0631\u0627\u0643\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f.\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\u0633\u0647\u0645 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0641\u064a \u0646\u0645\u0648 \u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\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\u062f\u0639\u0645 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0645\u062a\u0646\u0627\u0645\u064a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0639\u0632\u064a\u0632 \u0642\u062f\u0631\u0627\u062a \u0627\u0644\u0646\u0642\u0644\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u0631\u0627\u0628\u0637 \u062d\u0631\u0643\u0629 \u0627\u0644\u0634\u062d\u0646 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u060c \u0648\u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u0646 \u0646\u0642\u0644 \u0628\u0636\u0627\u0626\u0639\u0647\u0627 \u0628\u0643\u0641\u0627\u0621\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 \u0648\u0639\u0628\u0631 \u0623\u0633\u0648\u0627\u0642 \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  <\/div>\r\n<\/div>\r\n\r\n<!-- NEW SEO FAQ ITEMS END -->\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  btn.addEventListener('click', () => {\r\n    const item = btn.closest('.smg-faq-item');\r\n    const answer = item.querySelector('.smg-faq-answer');\r\n\r\n    \/\/ CLOSE IF OPEN\r\n    if (item.classList.contains('active')) {\r\n      answer.style.height = answer.scrollHeight + 'px';\r\n      requestAnimationFrame(() => {\r\n        answer.style.height = '0px';\r\n      });\r\n      item.classList.remove('active');\r\n      return;\r\n    }\r\n\r\n    \/\/ CLOSE OTHER OPEN ITEMS (optional but clean)\r\n    document.querySelectorAll('.smg-faq-item.active').forEach(openItem => {\r\n      const openAnswer = openItem.querySelector('.smg-faq-answer');\r\n      openAnswer.style.height = '0px';\r\n      openItem.classList.remove('active');\r\n    });\r\n\r\n    \/\/ OPEN CURRENT\r\n    item.classList.add('active');\r\n    answer.style.height = answer.scrollHeight + 'px';\r\n\r\n    \/\/ RESET HEIGHT AFTER ANIMATION (CRITICAL FIX)\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<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-197ace8 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"197ace8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba87428 elementor-widget elementor-widget-html\" data-id=\"ba87428\" 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\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\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 Customer Access Submit a request or contact our team directly. Request a Quote Email Us +966 9200 32578 Chat with us on WhatsApp Chat with us on WeChat \u00d7 Request a Quote Please fill in the details below. \u00d7 WeChat Contact Connect using your preferred method Copy Phone Number Show QR Code 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. Is SMG a logistics company operating across Saudi Arabia, the GCC, and worldwide? + Yes. SMG Logistics &#038; Transport Company provides transportation and logistics services throughout Saudi Arabia, across GCC countries, and worldwide through coordinated international freight operations and global logistics partnerships. Does SMG provide trucking and road transport between Saudi cities? + SMG operates domestic road transport across major Saudi cities including Jeddah, Riyadh, Dammam, and industrial regions, ensuring reliable cargo movement for commercial, industrial, and project logistics requirements. Can SMG handle international freight shipping from Saudi Arabia? + Yes. SMG supports international freight coordination from Saudi Arabia to global destinations, assisting businesses with cargo planning, transport scheduling, and documentation coordination for smooth international logistics operations. What types of cargo does SMG transport? + SMG transports industrial equipment, construction materials, project cargo, oversized shipments, commercial goods, and time-sensitive deliveries, ensuring safe handling and efficient logistics across Saudi Arabia, the GCC, and international routes. Does SMG support industrial and construction logistics projects? + SMG supports large-scale industrial operations, construction projects, and infrastructure developments requiring heavy transport, coordinated logistics planning, and dependable cargo delivery solutions. Where is SMG Logistics &#038; Transport Company headquartered? + SMG Logistics &#038; Transport Company is headquartered in Jeddah, Saudi Arabia, strategically located to support cargo operations through major ports, logistics hubs, and transport corridors across the Kingdom and beyond. Does SMG offer warehousing and distribution support? + SMG assists businesses with logistics coordination that includes warehousing, storage solutions, and distribution planning, helping improve supply chain efficiency and ensure smooth cargo delivery from origin to destination. How large is the SMG transport fleet? + SMG operates a modern fleet of more than 300 trucks, enabling the company to support domestic Saudi transport, GCC trucking operations, and international logistics coordination for a wide range of cargo requirements. Why do businesses choose SMG for logistics services in Saudi Arabia? + Businesses choose SMG for its reliable fleet capacity, experienced logistics teams, and ability to manage transportation across Saudi Arabia, the GCC, and worldwide. The company focuses on safe cargo handling, operational reliability, and long-term logistics partnerships. Does SMG contribute to Saudi Arabia\u2019s growing logistics sector? + Yes. SMG supports Saudi Arabia\u2019s expanding logistics sector by strengthening transportation capacity, improving cargo connectivity across the Kingdom, and enabling businesses to move goods efficiently within Saudi Arabia, across GCC markets, and worldwide. 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-5848","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 Customer Access Submit a request or contact our team directly. Request a Quote Email Us +966 9200 32578 Chat with us on WhatsApp Chat with us on WeChat \u00d7 Request a Quote Please fill in the details below. \u00d7 WeChat Contact&hellip;","_links":{"self":[{"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/pages\/5848","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=5848"}],"version-history":[{"count":370,"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/pages\/5848\/revisions"}],"predecessor-version":[{"id":8615,"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/pages\/5848\/revisions\/8615"}],"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=5848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}