{"id":5423,"date":"2026-01-27T23:17:14","date_gmt":"2026-01-27T20:17:14","guid":{"rendered":"https:\/\/smgksa.net\/?page_id=5423"},"modified":"2026-04-17T23:16:54","modified_gmt":"2026-04-17T20:16:54","slug":"about-us","status":"publish","type":"page","link":"https:\/\/smgksa.net\/ar\/about-us\/","title":{"rendered":"\u0639\u0646 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5423\" class=\"elementor elementor-5423\">\n\t\t\t\t<div class=\"elementor-element elementor-element-858175a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"858175a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b3311b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2b3311b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* MOBILE ONLY *\/\r\n@media (max-width:1024px){\r\n\r\n#smg-global-mobile-video{\r\n  display:block;\r\n  position:absolute;   \/* FIX FIREFOX *\/\r\n  inset:0;\r\n  z-index:-1;\r\n  overflow:hidden;\r\n  pointer-events:none;\r\n}\r\n#smg-global-mobile-video video{\r\n  transform:translateZ(0);\r\n  will-change:transform;\r\n}\r\n  #smg-global-mobile-video video{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n  }\r\n\r\n  \/* LIGHT DARK OVERLAY *\/\r\n  #smg-global-mobile-video::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:rgba(0,0,0,0.32);  \/* adjust 0.25 \u2192 lighter | 0.40 \u2192 darker *\/\r\n  }\r\n\r\n}\r\n\/* ===============================\r\n   GLOBAL DESKTOP POSTER (FIRST LOAD)\r\n=============================== *\/\r\n\r\n\/* desktop only *\/\r\n@media (min-width:1025px){\r\n\r\n  \/* show poster behind video *\/\r\n  #smg-about-bg{\r\n    background:url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/homepage22.jpg\")\r\n               center \/ cover no-repeat;\r\n  }\r\n\r\n  \/* hide poster once video ready *\/\r\n  #smg-about-bg.video-ready{\r\n    background:none;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e371219 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"e371219\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfa1ec9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bfa1ec9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\n     LOADER\r\n========================= -->\r\n<div id=\"smg-loader\">\r\n\r\n  <!-- VIDEO LOADER (FIRST VISIT) -->\r\n<video\r\nid=\"smg-loader-video\"\r\nautoplay\r\nmuted\r\nplaysinline\r\nwebkit-playsinline\r\npreload=\"metadata\">\r\n    <source src=\"\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <!-- ROUND LOADER (SECOND VISIT) -->\r\n  <div class=\"smg-loader-ring\"><\/div>\r\n\r\n<\/div>\r\n\r\n<!-- =========================\r\n     HEADER\r\n========================= -->\r\n<header id=\"smg-header\">\r\n  <div class=\"smg-header-inner\">\r\n    <div class=\"smg-logo\">\r\n      <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/SMG-ORIGINAL-LOGO-WEBSITE-WHITE-1.png\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\r\n    <\/div>\r\n\r\n    <nav class=\"smg-nav\">\r\n  <a href=\"\/ar\/\" class=\"smg-nav-link\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n  <a href=\"\/ar\/our-services\/\" class=\"smg-nav-link\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n  <a href=\"\/ar\/about\/\" 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    <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     FIXED BACKGROUND\r\n========================= -->\r\n<div id=\"smg-about-bg\">\r\n  <video\r\nid=\"aboutBgVideo\"\r\nautoplay\r\nmuted\r\ndefaultmuted\r\nloop\r\nplaysinline\r\nwebkit-playsinline\r\npreload=\"metadata\">\r\n    <source src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/04\/smg-desktop-about-us.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n<\/div>\r\n<!-- =========================\r\n     ABOUT SECTION\r\n========================= -->\r\n<section id=\"smg-about-section-1\">\r\n  <div class=\"smg-section1-bg\">\r\n  <video autoplay muted defaultmuted loop playsinline webkit-playsinline preload=\"metadata\">\r\n      <source src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/smg96.mp4\">\r\n    <\/video>\r\n  <\/div>\r\n  <div class=\"inner\">\r\n\r\n    <div class=\"text\">\r\n     <h2 class=\"smg-about-eyebrow\">\u0639\u0646 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a<\/h2>\r\n\r\n\r\n      <h1 class=\"smg-about-title\">\r\n        \u062a\u0623\u0633\u0633\u062a \u0641\u064a <span class=\"no-break\">\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span> \u0646\u064f\u0645\u0643\u0651\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631 \u0648\u0627\u0644\u0628\u062d\u0631 \u0648\u0627\u0644\u062c\u0648\r\n      <\/h1>\r\n\r\n      <p class=\"smg-about-text\">\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 \u0641\u064a \u0635\u0645\u064a\u0645 \u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u0644\u0646\u0642\u0644 \u0648\u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0625\u0645\u062f\u0627\u062f \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \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. \u0648\u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u0631\u064a \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0625\u0644\u0649 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629\u060c \u0646\u062f\u0639\u0645 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0628\u0639\u0645\u0644\u064a\u0627\u062a \u0645\u0646\u0638\u0645\u0629 \u0648\u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0645\u062f\u0641\u0648\u0639\u0629 \u0628\u0627\u0644\u0623\u062f\u0627\u0621\u060c \u0648\u0645\u0635\u0645\u0645\u0629 \u0644\u0646\u0642\u0644 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0628\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u0645\u0645\u0644\u0643\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 \r\n\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===============================\r\n   LOADER\r\n================================ *\/\r\n\/* ===============================\r\n   SMG VIDEO LOADER (DESKTOP ONLY)\r\n================================ *\/\r\n\r\n#smg-loader{\r\n  position:fixed;\r\n  inset:0;\r\n  background:#000;\r\n  z-index:9999999;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  opacity:1;\r\n  visibility:visible;\r\n}\r\n\r\n#smg-loader.hide{\r\n  opacity:0;\r\n  pointer-events:none;\r\n  transition:opacity .5s ease;\r\n}\r\n\r\n#smg-loader video{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n\/* MOBILE \u2014 disable video loader *\/\r\n\/* MOBILE \u2014 show spinner only *\/\r\n@media (max-width:1024px){\r\n\r\n  #smg-loader video{\r\n    display:none;\r\n  }\r\n\r\n  .smg-loader-ring{\r\n    display:block;\r\n  }\r\n\r\n}\r\nbody.elementor-editor-active #smg-loader{display:none!important}\r\n\r\n\/* ===============================\r\n   HEADER\r\n================================ *\/\r\n#smg-header{\r\n  position:absolute; top:0; left:0; width:100%;\r\n  z-index:1000; font-family:Montserrat,sans-serif;\r\n}\r\n.smg-header-inner{\r\n  padding:46px 56px 32px;\r\n  display:flex; align-items:center;\r\n}\r\n.smg-logo img{height:170px}\r\n.smg-nav{margin-left:auto;display:flex;gap:14px}\r\n\r\n\/* BUTTON SYSTEM *\/\r\n.smg-btn{\r\n  position:relative;\r\n  padding:14px 26px;\r\n  border-radius:14px;\r\n  font-weight:700;\r\n  color:#fff;\r\n  border:2px solid #fff;\r\n  text-decoration:none;\r\n  overflow:hidden;\r\n}\r\n.smg-btn::after{\r\n  content:\"\"; position:absolute; inset:0;\r\n  background:linear-gradient(135deg,#2326C8,#1b1ea6);\r\n  z-index:-2;\r\n}\r\n.smg-btn::before{\r\n  content:\"\"; position:absolute; inset:0;\r\n  background:#fff;\r\n  transform:translateX(-100%);\r\n  transition:.35s;\r\n  z-index:-1;\r\n}\r\n@media(hover:hover) and (pointer:fine){\r\n  .smg-btn:hover::before{transform:translateX(0)}\r\n  .smg-btn:hover{color:#2326C8}\r\n}\r\n\r\n\/* BURGER *\/\r\n.burger{display:none; flex-direction:column; gap:6px; cursor:pointer}\r\n.burger span{width:30px;height:2px;background:#fff}\r\n\r\n\/* MOBILE HEADER FIX *\/\r\n@media(max-width:1024px){\r\n  .smg-header-inner{\r\n    justify-content:space-between;\r\n    padding:32px 20px;\r\n  }\r\n  .smg-nav{display:none}\r\n  .burger{display:flex}\r\n  .smg-logo img{height:140px}\r\n}\r\n\r\n\/* MOBILE MENU *\/\r\n.mobile-menu{\r\n  position:absolute; top:100%; left:0; width:100%;\r\n  background:#fff; padding:32px 40px;\r\n  display:flex; flex-direction:column; gap:18px;\r\n  opacity:0; transform:translateY(-12px);\r\n  pointer-events:none; transition:.3s;\r\n}\r\n.mobile-menu.active{opacity:1;transform:none;pointer-events:auto}\r\n.mobile-menu a{color:#2326C8;font-weight:600}\r\n\r\n\/* ===============================\r\n   BACKGROUND\r\n================================ *\/\r\n#smg-about-bg{\r\n  position:fixed; inset:0; z-index:-1;\r\n}\r\n#smg-about-bg video{width:100%;height:100%;object-fit:cover}\r\n#smg-about-bg::after{\r\n  content:\"\"; position:absolute; inset:0;\r\n  background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.75));\r\n}\r\n@media(max-width:1024px){\r\n  #smg-about-bg{position:absolute;height:100vh}\r\n}\r\n\r\n\/* ===============================\r\n   ABOUT CONTENT\r\n================================ *\/\r\n#smg-about-section-1{\r\n  color:#fff;\r\n  font-family:Montserrat,sans-serif;\r\n}\r\n\r\n\/* DESKTOP untouched *\/\r\n.inner{\r\n  max-width:1400px;\r\n  margin:auto;\r\n  padding:220px 48px 160px;\r\n  display:grid;\r\n  grid-template-columns:1.05fr .95fr;\r\n  gap:96px;\r\n  align-items:center;\r\n}\r\n\r\n\/* MOBILE FIX \u2014 SAME LOGIC AS HERO *\/\r\n@media(max-width:1024px){\r\n  #smg-about-section-1{\r\n    min-height:auto;\r\n  }\r\n  .inner{\r\n    display:block;\r\n    padding:200px 24px 80px; \/* \ud83d\udd25 below header *\/\r\n    text-align:center;\r\n  }\r\n}\r\n\r\n.smg-about-eyebrow{\r\n  letter-spacing: 2.5px;\r\n  font-size: 18px;\r\n  margin-bottom: 18px;\r\n  color: #2326C8;            \/* main blue *\/\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n\r\n  \/* \ud83d\udd25 white fold \/ outline *\/\r\n  -webkit-text-stroke: 0.6px #ffffff;\r\n  text-stroke: 0.6px #ffffff;\r\n\r\n  \/* fallback glow for browsers without stroke *\/\r\n  text-shadow:\r\n    0 0 1px #ffffff,\r\n    0 0 2px rgba(255,255,255,0.6);\r\n}\r\n\r\n\r\n\r\n\r\n.smg-about-title{\r\n  font-family:\"Montserrat\",-apple-system,BlinkMacSystemFont,\r\n               \"Segoe UI\",Roboto,Arial,sans-serif;\r\n  font-weight:800;\r\n  letter-spacing:-0.2px;\r\n  font-size:clamp(32px,4vw,46px);\r\n  line-height:1.2;\r\n  margin-bottom:18px;\r\n}\r\n.smg-about-text{\r\n  font-size:16px;\r\n  line-height:1.8;\r\n  max-width:320px;\r\n  margin:0 auto 32px;\r\n}\r\n\r\n\/* IMAGES *\/\r\n.smg-about-images{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:28px;\r\n}\r\n@media(max-width:1024px){\r\n  .smg-about-images{\r\n    grid-template-columns:1fr;\r\n    gap:16px;\r\n    max-width:320px;\r\n    margin:0 auto;\r\n  }\r\n}\r\n\r\n.smg-about-image{\r\n  border-radius:22px;\r\n  overflow:hidden;\r\n  box-shadow:0 30px 80px rgba(0,0,0,.55);\r\n}\r\n.smg-about-image img{width:100%;height:auto;display:block}\r\n\r\n.no-break{white-space:nowrap}\r\n\/* =========================================\r\n   PC RESET \u2014 ABOUT TEXT (DESKTOP ONLY)\r\n========================================= *\/\r\n@media (min-width: 1025px) {\r\n\r\n  .smg-about-title {\r\n    font-size: clamp(40px, 4.8vw, 58px);\r\n    line-height: normal;\r\n    text-align: left;\r\n    margin-bottom: 26px;\r\n  }\r\n\r\n  .smg-about-text {\r\n    font-size: 18px;\r\n    line-height: 1.9;\r\n    max-width: 620px;\r\n    margin: 0;\r\n    text-align: left;\r\n  }\r\n\r\n}\r\n\/* ABOUT VIDEO \u2014 REPLACES IMAGE BLOCK *\/\r\n.smg-about-video{\r\n  border-radius:22px;\r\n  overflow:hidden;\r\n  box-shadow:0 30px 80px rgba(0,0,0,.55);\r\n}\r\n.smg-about-video video{\r\n  width:100%;\r\n  height:auto;\r\n  display:block;\r\n}\r\n\r\n\/* Mobile size *\/\r\n@media(max-width:1024px){\r\n  .smg-about-video{\r\n    max-width:320px;\r\n    margin:0 auto;\r\n  }\r\n}\r\n\/* MOBILE FIX \u2014 REMOVE STROKE BUG *\/\r\n@media (max-width: 1024px) {\r\n  .smg-about-eyebrow{\r\n    -webkit-text-stroke: 0 !important;\r\n    text-stroke: 0 !important;\r\n    text-shadow: none !important;\r\n  }\r\n}\r\n@media (max-width:1024px){\r\n  .smg-about-eyebrow,\r\n  .smg-about-title,\r\n  .smg-about-text{\r\n    transform: none !important;\r\n  }\r\n}\r\n\/* =================================================\r\n   MOBILE \u2014 FIXED BACKGROUND IMAGE (GLOBAL)\r\n   Section 1 keeps VIDEO\r\n================================================= *\/\r\n@media (max-width: 1024px) {\r\n\r\n  \/* Global fixed image for whole page *\/\r\n  body::before{\r\n    content:\"\";\r\n    position:fixed;\r\n    inset:0;\r\n    background:url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/ABOUT-US-SHIP-TRUCK-AERIEL-scaled.webp\")\r\n               center \/ cover no-repeat;\r\n    z-index:-2;\r\n  }\r\n\r\n  \/* Section 1 must stay ABOVE fixed image *\/\r\n  #smg-about-section-1{\r\n    position:relative;\r\n    z-index:1;\r\n    background:transparent;\r\n  }\r\n\r\n  \/* Section 1 video must stay visible *\/\r\n  #smg-about-bg{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:-1;\r\n  }\r\n\r\n  \/* All other sections float above image *\/\r\n  section:not(#smg-about-section-1){\r\n    position:relative;\r\n    z-index:1;\r\n    background:transparent;\r\n  }\r\n}\r\n\r\n\/* ELEMENTOR SAFETY *\/\r\nbody.elementor-editor-active::before{\r\n  display:none!important;\r\n}\r\n\/* SAFARI MAC \u2014 FIXED VIDEO PERFORMANCE *\/\r\n@supports (-webkit-touch-callout: none) {\r\n  #smg-about-bg {\r\n    position: absolute;\r\n  }\r\n}\r\n\/* =========================================\r\n   MOBILE \u2014 INSTANT POSTER (NO GRAY FLASH)\r\n========================================= *\/\r\n@media (max-width: 1024px) {\r\n\r\n  \/* Show poster immediately *\/\r\n  #smg-about-bg{\r\n    position:fixed;\r\n    inset:0;\r\n    background:url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/ABOUT-US-SHIP-TRUCK-AERIEL-scaled.webp\")\r\n               center \/ cover no-repeat;\r\n    z-index:-1;\r\n  }\r\n\r\n  \/* Keep video above poster *\/\r\n  #smg-about-bg video{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    background:transparent;\r\n  }\r\n\r\n  \/* Remove gray overlay *\/\r\n  #smg-about-bg::after{\r\n    display:none;\r\n  }\r\n}\r\n\/* =========================================\r\n   MOBILE OVERLAY FOR ABOUT SECTION VIDEO\r\n========================================= *\/\r\n@media (max-width:1024px){\r\n\r\n  #smg-about-bg::after{\r\n    display:block !important;\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:rgba(0,0,0,0.32); \/* adjust: 0.25 lighter | 0.4 darker *\/\r\n    z-index:0;\r\n  }\r\n\r\n  \/* ensure video stays behind overlay *\/\r\n  #smg-about-bg video{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    z-index:-1;\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   SMG HEADER NAV \u2014 GLOBAL SAL STYLE\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\/* animated 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\/* desktop hover *\/\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   PREMIUM MOBILE MENU \u2014 GLASS + FADE\r\n===================================== *\/\r\n\r\n\/* container animation *\/\r\n#smg-header .mobile-menu{\r\n  top:100%;\r\n  left:0;\r\n  width:100%;\r\n  padding:26px 20px 30px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:14px;\r\n\r\n  opacity:0;\r\n  transform:translateY(-18px) scale(.98);\r\n  pointer-events:none;\r\n\r\n  \/* GLASS EFFECT *\/\r\n  background:rgba(255,255,255,0.18);\r\n  backdrop-filter:blur(14px);\r\n  -webkit-backdrop-filter:blur(14px);\r\n\r\n  border-bottom-left-radius:22px;\r\n  border-bottom-right-radius:22px;\r\n\r\n  box-shadow:0 30px 70px rgba(0,0,0,.35);\r\n\r\n  transition:\r\n    opacity .45s cubic-bezier(.22,.61,.36,1),\r\n    transform .45s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\/* open state *\/\r\n#smg-header .mobile-menu.active{\r\n  opacity:1;\r\n  transform:translateY(0) scale(1);\r\n  pointer-events:auto;\r\n}\r\n\r\n\/* individual menu links as premium boxes *\/\r\n#smg-header .mobile-menu a{\r\n\r\n  display:block;\r\n  padding:16px 18px;\r\n\r\n  border-radius:14px;\r\n\r\n  \/* soft glass box *\/\r\n  background:rgba(255,255,255,0.75);\r\n  backdrop-filter:blur(8px);\r\n\r\n  color:#1f2bd6;\r\n  font-weight:700;\r\n  text-decoration:none;\r\n\r\n  box-shadow:\r\n    0 8px 18px rgba(0,0,0,.18),\r\n    inset 0 1px 0 rgba(255,255,255,.6);\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    box-shadow .25s ease,\r\n    color .25s ease;\r\n}\r\n\r\n\/* hover\/tap feel *\/\r\n#smg-header .mobile-menu a:hover,\r\n#smg-header .mobile-menu a:active{\r\n  background:#ffffff;\r\n  color:#2326C8;\r\n  transform:translateY(-2px);\r\n  box-shadow:0 14px 28px rgba(0,0,0,.25);\r\n}\r\n\r\n\/* stagger fade-in for premium feel *\/\r\n#smg-header .mobile-menu.active a{\r\n  animation:smgMenuFade .45s ease forwards;\r\n  opacity:0;\r\n}\r\n\r\n#smg-header .mobile-menu.active a:nth-child(1){animation-delay:.05s;}\r\n#smg-header .mobile-menu.active a:nth-child(2){animation-delay:.10s;}\r\n#smg-header .mobile-menu.active a:nth-child(3){animation-delay:.15s;}\r\n#smg-header .mobile-menu.active a:nth-child(4){animation-delay:.20s;}\r\n\r\n@keyframes smgMenuFade{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(8px);\r\n  }\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\/* =====================================\r\n   PREMIUM MOBILE MENU \u2014 SOLID VERSION\r\n===================================== *\/\r\n\r\n\/* container *\/\r\n#smg-header .mobile-menu{\r\n  top:100%;\r\n  left:0;\r\n  width:100%;\r\n  padding:26px 20px 30px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:14px;\r\n\r\n  opacity:0;\r\n  transform:translateY(-18px) scale(.98);\r\n  pointer-events:none;\r\n\r\n  \/* SOLID BACKGROUND *\/\r\n  background:#ffffff;\r\n\r\n  border-bottom-left-radius:22px;\r\n  border-bottom-right-radius:22px;\r\n\r\n  box-shadow:0 30px 70px rgba(0,0,0,.35);\r\n\r\n  transition:\r\n    opacity .45s cubic-bezier(.22,.61,.36,1),\r\n    transform .45s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n\/* open *\/\r\n#smg-header .mobile-menu.active{\r\n  opacity:1;\r\n  transform:translateY(0) scale(1);\r\n  pointer-events:auto;\r\n}\r\n\r\n\/* premium menu boxes *\/\r\n#smg-header .mobile-menu a{\r\n\r\n  display:block;\r\n  padding:16px 18px;\r\n\r\n  border-radius:14px;\r\n\r\n  \/* SOLID WHITE BOX *\/\r\n  background:#f8f9ff;\r\n\r\n  color:#2326C8;\r\n  font-weight:700;\r\n  text-decoration:none;\r\n\r\n  box-shadow:0 8px 18px rgba(0,0,0,.18);\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    box-shadow .25s ease,\r\n    color .25s ease;\r\n}\r\n\r\n\/* hover\/tap *\/\r\n#smg-header .mobile-menu a:hover,\r\n#smg-header .mobile-menu a:active{\r\n  background:#ffffff;\r\n  transform:translateY(-2px);\r\n  box-shadow:0 14px 28px rgba(0,0,0,.25);\r\n}\r\n\r\n\/* stagger animation *\/\r\n#smg-header .mobile-menu.active a{\r\n  animation:smgMenuFade .45s ease forwards;\r\n  opacity:0;\r\n}\r\n\r\n#smg-header .mobile-menu.active a:nth-child(1){animation-delay:.05s;}\r\n#smg-header .mobile-menu.active a:nth-child(2){animation-delay:.10s;}\r\n#smg-header .mobile-menu.active a:nth-child(3){animation-delay:.15s;}\r\n#smg-header .mobile-menu.active a:nth-child(4){animation-delay:.20s;}\r\n\r\n@keyframes smgMenuFade{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(8px);\r\n  }\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\/* SECTION 1 UNIQUE VIDEO BACKGROUND *\/\r\n#smg-about-section-1{\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.smg-section1-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n}\r\n\r\n.smg-section1-bg video{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  object-position:center;\r\n}\r\n\r\n\/* overlay for readability *\/\r\n.smg-section1-bg::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:rgba(0,0,0,0.45);\r\n}\r\n\/* INSTANT POSTER BACKGROUND TO PREVENT WHITE FLASH *\/\r\n.smg-section1-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -1;\r\n  background: #000 url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/ship-pov-smg-scaled.webp\") center \/ cover no-repeat;\r\n}\r\n\/* SECTION-1 MUST USE ITS OWN VIDEO ONLY *\/\r\n#smg-about-section-1{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\/* hide global fixed video behind section-1 *\/\r\n#smg-about-section-1 ~ #smg-about-bg{\r\n  display:block;\r\n}\r\n\r\n\/* helper class added via JS *\/\r\nbody.smg-hide-global-bg #smg-about-bg{\r\n  opacity:0;\r\n  pointer-events:none;\r\n}\r\n\/* REMOVE MOBILE FIXED IMAGE FROM DESKTOP *\/\r\n@media (min-width:1025px){\r\n\r\n  body::before{\r\n    display:none !important;\r\n    background:none !important;\r\n  }\r\n\r\n  #smg-about-bg{\r\n    background:none !important;\r\n  }\r\n\r\n}\r\n.smg-about-video video{\r\n  width:100%;\r\n  height:auto;\r\n  display:block;\r\n\r\n  opacity:0;\r\n  transform:translateY(-80px);\r\n  transition:\r\n    opacity .9s ease,\r\n    transform .9s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n.smg-about-video.video-ready video{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* =========================================\r\n   SECTION 1 \u2014 PERFECT MOBILE VIDEO FIT\r\n========================================= *\/\r\n@media (max-width:1024px){\r\n\r\n  #smg-about-section-1{\r\n    position:relative;\r\n    min-height:100vh;\r\n    overflow:hidden;\r\n  }\r\n\r\n  \/* background wrapper *\/\r\n  .smg-section1-bg{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:-1;\r\n  }\r\n\r\n  \/* VIDEO PERFECT COVER *\/\r\n  .smg-section1-bg video{\r\n    position:absolute;\r\n    top:50%;\r\n    left:50%;\r\n\r\n    min-width:100%;\r\n    min-height:100%;\r\n\r\n    width:auto;\r\n    height:auto;\r\n\r\n    transform:translate(-50%,-50%);\r\n    object-fit:cover;\r\n    object-position:center center;\r\n  }\r\n\r\n  \/* overlay stays correct *\/\r\n  .smg-section1-bg::after{\r\n    background:rgba(0,0,0,.45);\r\n  }\r\n\r\n}\r\n\/* =========================================\r\n   ABOUT EYEBROW \u2014 PREMIUM DESKTOP VERSION\r\n========================================= *\/\r\n@media (min-width:1025px){\r\n\r\n  .smg-about-eyebrow{\r\n\r\n    font-weight:900;            \/* thicker *\/\r\n    font-size:22px;             \/* slightly bigger *\/\r\n    letter-spacing:3.5px;       \/* premium spacing *\/\r\n\r\n    \/* cleaner professional color *\/\r\n    color:#2b33ff;\r\n\r\n    \/* remove glow look \u2192 corporate clean *\/\r\n    text-shadow:none;\r\n\r\n    \/* crisp rendering *\/\r\n    -webkit-font-smoothing:antialiased;\r\n    text-rendering:optimizeLegibility;\r\n\r\n    \/* subtle premium depth (very light) *\/\r\n    filter:drop-shadow(0 6px 14px rgba(0,0,0,.25));\r\n\r\n  }\r\n\r\n}\r\n\/* =========================================\r\n   ABOUT EYEBROW \u2014 THICK ENGLISH + ARABIC (DESKTOP)\r\n========================================= *\/\r\n@media (min-width:1025px){\r\n\r\n  .smg-about-eyebrow{\r\n\r\n    \/* maximum supported weight *\/\r\n    font-weight:900;\r\n\r\n    \/* slightly larger for Arabic readability *\/\r\n    font-size:22px;\r\n\r\n    \/* premium spacing *\/\r\n    letter-spacing:3px;\r\n\r\n    \/* Arabic rendering improvements *\/\r\n    -webkit-font-smoothing:antialiased;\r\n    text-rendering:optimizeLegibility;\r\n\r\n  }\r\n\r\n  \/* EXTRA BOOST specifically when Arabic characters exist *\/\r\n  .smg-about-eyebrow:lang(ar),\r\n  html[lang=\"ar\"] .smg-about-eyebrow{\r\n\r\n    font-weight:900;\r\n\r\n    \/* Arabic often looks thinner \u2192 scale slightly *\/\r\n    transform:scale(1.04);\r\n\r\n    \/* remove letter spacing for Arabic *\/\r\n    letter-spacing:0;\r\n\r\n  }\r\n\r\n}\r\n\/* =========================================\r\n   ABOUT SMG \u2014 DESKTOP WHITE OUTLINE VERSION\r\n========================================= *\/\r\n@media (min-width:1025px){\r\n\r\n  .smg-about-eyebrow{\r\n\r\n    color:#2326C8;                 \/* keep your blue fill *\/\r\n    font-weight:800;\r\n\r\n    \/* REMOVE old glow\/shadow *\/\r\n    text-shadow:none !important;\r\n    filter:none !important;\r\n\r\n    \/* WHITE OUTLINE *\/\r\n    -webkit-text-stroke:1.2px #ffffff;\r\n    text-stroke:1.2px #ffffff;\r\n\r\n  }\r\n\r\n}\r\n\/* =========================================\r\n   ABOUT SMG \u2014 CLEAN BLUE ONLY (DESKTOP)\r\n========================================= *\/\r\n@media (min-width:1025px){\r\n\r\n  .smg-about-eyebrow{\r\n\r\n    color:#2326C8 !important;   \/* pure blue *\/\r\n\r\n    \/* REMOVE ALL effects *\/\r\n    -webkit-text-stroke:0 !important;\r\n    text-stroke:0 !important;\r\n    text-shadow:none !important;\r\n    filter:none !important;\r\n\r\n  }\r\n\r\n}\r\n\/* =========================================\r\n   ABOUT SMG \u2014 PREMIUM WHITE TEXT SYSTEM\r\n   Works for English + Arabic (PC + Mobile)\r\n========================================= *\/\r\n\r\n\/* EYEBROW *\/\r\n.smg-about-eyebrow{\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-weight:800;\r\n  letter-spacing:2.4px;\r\n  text-transform:uppercase;\r\n\r\n  \/* clean white outline *\/\r\n  -webkit-text-stroke:0.6px rgba(255,255,255,0.85);\r\n  text-stroke:0.6px rgba(255,255,255,0.85);\r\n\r\n  \/* subtle professional depth *\/\r\n  text-shadow:\r\n    0 2px 12px rgba(0,0,0,0.35);\r\n\r\n}\r\n\r\n\/* TITLE *\/\r\n.smg-about-title{\r\n\r\n  color:#ffffff;\r\n\r\n  font-weight:800;\r\n  letter-spacing:-0.3px;\r\n\r\n  \/* premium readability on video *\/\r\n  text-shadow:\r\n    0 10px 30px rgba(0,0,0,0.45),\r\n    0 2px 6px rgba(0,0,0,0.35);\r\n\r\n}\r\n\r\n\/* PARAGRAPH *\/\r\n.smg-about-text{\r\n\r\n  color:rgba(255,255,255,0.92);\r\n\r\n  font-weight:500;\r\n\r\n  text-shadow:\r\n    0 6px 18px rgba(0,0,0,0.35);\r\n\r\n}\r\n\r\n\/* =========================================\r\n   ARABIC SUPPORT \u2014 PERFECT RENDERING\r\n========================================= *\/\r\n\r\nhtml[lang=\"ar\"] .smg-about-eyebrow,\r\n.smg-about-eyebrow:lang(ar){\r\n\r\n  letter-spacing:0;          \/* Arabic must NOT stretch *\/\r\n  text-transform:none;       \/* prevents broken Arabic *\/\r\n\r\n}\r\n\r\nhtml[lang=\"ar\"] .smg-about-title,\r\n.smg-about-title:lang(ar){\r\n\r\n  letter-spacing:0;\r\n}\r\n\r\nhtml[lang=\"ar\"] .smg-about-text,\r\n.smg-about-text:lang(ar){\r\n\r\n  letter-spacing:0;\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE \u2014 KEEP SAME PREMIUM LOOK\r\n========================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n  .smg-about-eyebrow{\r\n    -webkit-text-stroke:0.5px rgba(255,255,255,0.85);\r\n  }\r\n\r\n  .smg-about-title{\r\n    text-shadow:\r\n      0 8px 22px rgba(0,0,0,0.42),\r\n      0 2px 6px rgba(0,0,0,0.35);\r\n  }\r\n\r\n}\r\n\/* =========================================\r\n   ABOUT SMG \u2014 FORCE BLUE + WHITE OUTLINE\r\n   (overrides ALL previous rules)\r\n========================================= *\/\r\n\r\n.smg-about-eyebrow{\r\n\r\n  color:#2326C8 !important;        \/* SMG BLUE *\/\r\n\r\n  font-weight:800 !important;\r\n\r\n  \/* PERFECT WHITE OUTLINE *\/\r\n  -webkit-text-stroke:1px #ffffff !important;\r\n  text-stroke:1px #ffffff !important;\r\n\r\n  \/* remove old glow \/ shadow conflicts *\/\r\n  text-shadow:none !important;\r\n  filter:none !important;\r\n\r\n}\r\n\r\n\/* Arabic safe *\/\r\nhtml[lang=\"ar\"] .smg-about-eyebrow,\r\n.smg-about-eyebrow:lang(ar){\r\n  letter-spacing:0 !important;\r\n  text-transform:none !important;\r\n}\r\n\/* =========================================\r\n   ABOUT SMG \u2014 FINAL PERFECT VERSION\r\n========================================= *\/\r\n\r\n\/* DEFAULT (English) *\/\r\n.smg-about-eyebrow{\r\n  color:#2326C8 !important;\r\n  font-weight:800 !important;\r\n\r\n  -webkit-text-stroke:1px #ffffff !important;\r\n  text-stroke:1px #ffffff !important;\r\n\r\n  text-shadow:none !important;\r\n}\r\n\r\n\r\n\/* ARABIC SAFE VERSION *\/\r\nhtml[lang=\"ar\"] .smg-about-eyebrow,\r\n.smg-about-eyebrow:lang(ar){\r\n\r\n  \/* Arabic must not stretch *\/\r\n  letter-spacing:0 !important;\r\n  text-transform:none !important;\r\n\r\n  \/* REMOVE buggy stroke *\/\r\n  -webkit-text-stroke:0 !important;\r\n  text-stroke:0 !important;\r\n\r\n  \/* PERFECT FAKE OUTLINE (works beautifully for Arabic) *\/\r\n  text-shadow:\r\n    1px 0 #fff,\r\n   -1px 0 #fff,\r\n    0 1px #fff,\r\n    0 -1px #fff,\r\n    1px 1px #fff,\r\n   -1px -1px #fff,\r\n    1px -1px #fff,\r\n   -1px 1px #fff !important;\r\n\r\n  color:#2326C8 !important;\r\n}\r\n\/* =========================================\r\n   ABOUT SMG \u2014 FINAL STABLE SYSTEM\r\n========================================= *\/\r\n\r\n\/* DESKTOP = REAL STROKE *\/\r\n@media (min-width:1025px){\r\n\r\n  .smg-about-eyebrow{\r\n    color:#2326C8 !important;\r\n    font-weight:800 !important;\r\n\r\n    -webkit-text-stroke:1px #ffffff !important;\r\n    text-stroke:1px #ffffff !important;\r\n\r\n    text-shadow:none !important;\r\n  }\r\n\r\n}\r\n\r\n\/* MOBILE = SHADOW OUTLINE (NO STROKE BUG) *\/\r\n@media (max-width:1024px){\r\n\r\n  .smg-about-eyebrow{\r\n\r\n    color:#2326C8 !important;\r\n    font-weight:800 !important;\r\n\r\n    \/* remove buggy stroke *\/\r\n    -webkit-text-stroke:0 !important;\r\n    text-stroke:0 !important;\r\n\r\n    \/* clean fake outline *\/\r\n    text-shadow:\r\n      1px 0 #fff,\r\n     -1px 0 #fff,\r\n      0 1px #fff,\r\n      0 -1px #fff,\r\n      1px 1px #fff,\r\n     -1px -1px #fff,\r\n      1px -1px #fff,\r\n     -1px 1px #fff !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n\/* ARABIC SAFE *\/\r\nhtml[lang=\"ar\"] .smg-about-eyebrow,\r\n.smg-about-eyebrow:lang(ar){\r\n  letter-spacing:0 !important;\r\n  text-transform:none !important;\r\n}\r\n\/* =========================================\r\n   ABOUT SECTION \u2014 MOBILE LTR ALIGN FIX\r\n   ENGLISH ONLY (SAFE FOR ARABIC + DESKTOP)\r\n========================================= *\/\r\n\r\n@media (max-width:1024px){\r\n\r\n  \/* Apply only when page is NOT Arabic *\/\r\n  html:not([lang=\"ar\"]) #smg-about-section-1 .inner{\r\n    text-align:left !important;\r\n  }\r\n\r\n  html:not([lang=\"ar\"]) #smg-about-section-1 .smg-about-eyebrow,\r\n  html:not([lang=\"ar\"]) #smg-about-section-1 .smg-about-title,\r\n  html:not([lang=\"ar\"]) #smg-about-section-1 .smg-about-text{\r\n    text-align:left !important;\r\n  }\r\n\r\n  \/* Remove centered paragraph restriction *\/\r\n  html:not([lang=\"ar\"]) #smg-about-section-1 .smg-about-text{\r\n    margin-left:0 !important;\r\n    margin-right:0 !important;\r\n    max-width:100% !important;\r\n  }\r\n\r\n}\r\n\/* ===============================\r\n   SMG VIDEO LOADER (FIXED FLASH)\r\n================================ *\/\r\n#smg-loader {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 999999;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background:#000;\r\n}\r\n#smg-loader.hide {\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity .5s ease;\r\n}\r\n\r\n#smg-loader video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  \/* Ensure video sits on top of the CSS background *\/\r\n  background: transparent; \r\n}\r\n\/* =====================================\r\n   ABOUT PAGE \u2014 SECOND LOAD SPINNER\r\n===================================== *\/\r\n\r\n.smg-loader-ring{\r\n  position:absolute;\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  display:none;\r\n}\r\n\r\n@keyframes smgSpin{\r\n  to{transform:rotate(360deg)}\r\n}\r\n\/* =====================================\r\n   MOBILE LOADER BACKGROUND (WHITE)\r\n===================================== *\/\r\n@media (max-width:1024px){\r\n\r\n  #smg-loader{\r\n    background:#ffffff !important;\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   DESKTOP SPINNER \u2014 REMOVE POSTER\r\n===================================== *\/\r\n\r\n@media (min-width:1025px){\r\n\r\n  \/* When video is hidden (spinner mode) *\/\r\n  #smg-loader video[style*=\"display: none\"]{\r\n    display:none;\r\n  }\r\n\r\n  \/* Change loader background when spinner is visible *\/\r\n  #smg-loader:has(.smg-loader-ring[style*=\"display: block\"]){\r\n    background:#ffffff!important;\r\n  }\r\n\r\n}\r\n\/* =========================================\r\n   SMOOTH VIDEO FADE-IN (PC & MOBILE)\r\n========================================= *\/\r\n\r\n\/* 1. Ensure wrappers hold the poster image securely *\/\r\n#smg-about-bg,\r\n.smg-section1-bg {\r\n  background: #000 url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/ship-pov-smg-scaled.webp\") center \/ cover no-repeat;\r\n}\r\n\r\n\/* 2. Hide videos initially and set transition speed *\/\r\n#smg-about-bg video,\r\n.smg-section1-bg video {\r\n  opacity: 0;\r\n  transition: opacity 1.5s ease-in-out; \/* 1.5 seconds smooth fade *\/\r\n}\r\n\r\n\/* 3. Classes added by JS to trigger the fade *\/\r\n#smg-about-bg.video-ready video,\r\n.smg-section1-bg video.is-playing {\r\n  opacity: 1;\r\n}\r\n\/* MOBILE VIDEO FLASH FIX (ONLY BACKGROUND VIDEOS) *\/\r\n\r\n@media (max-width:1024px){\r\n\r\n  #smg-about-bg video,\r\n  .smg-section1-bg video{\r\n    opacity:0;\r\n  }\r\n\r\n  #smg-about-bg.video-ready video,\r\n  .smg-section1-bg video.is-playing{\r\n    opacity:1;\r\n    transition:opacity .8s ease;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n\r\n\/* ===============================\r\n   SMG BURGER \u2014 OFFICIAL GLOBAL\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 menu *\/\r\n  menu.addEventListener(\"click\", function(e){\r\n    e.stopPropagation();\r\n  });\r\n\r\n  \/* close when clicking anywhere else *\/\r\n  document.addEventListener(\"click\", function(){\r\n    menu.classList.remove(\"active\");\r\n  });\r\n\r\n  \/* close when clicking a link *\/\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\/* =================================\r\n   ABOUT PAGE LOADER SYSTEM\r\n================================= *\/\r\n\r\n(function(){\r\n\r\n  const loader = document.getElementById(\"smg-loader\");\r\n  if(!loader) return;\r\n\r\n  const video  = document.getElementById(\"smg-loader-video\");\r\n  const ring   = loader.querySelector(\".smg-loader-ring\");\r\n\r\n  const firstVisit = !sessionStorage.getItem(\"smg_about_loaded\");\r\n\r\n \/* MOBILE \u2192 spinner loader *\/\r\nif(window.innerWidth <= 1024){\r\n\r\n  video.pause();\r\n  video.removeAttribute(\"src\");\r\n  video.load();\r\n\r\n  video.style.display=\"none\";\r\n  ring.style.display=\"block\";\r\n  setTimeout(()=>{\r\n    loader.classList.add(\"hide\");\r\n\r\n    setTimeout(()=>{\r\n      loader.style.display=\"none\";\r\n    },400);\r\n\r\n  },1200);\r\n\r\n  return;\r\n}\r\n\r\n  \/* SECOND VISIT \u2192 SPINNER *\/\r\n\r\n else{\r\n\r\n  \/* release loader video memory *\/\r\n  video.pause();\r\n  video.removeAttribute(\"src\");\r\n  video.load();\r\n\r\n  video.style.display=\"none\";\r\n  ring.style.display=\"block\";\r\n\r\n    setTimeout(()=>{\r\n      loader.classList.add(\"hide\");\r\n      setTimeout(()=>{\r\n        loader.style.display=\"none\";\r\n      },400);\r\n    },4000);\r\n\r\n  }\r\n\r\n})();\r\n\/* SAFE BACKGROUND VIDEO START *\/\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n  const loader = document.getElementById(\"smg-loader\");\r\n  const video  = document.getElementById(\"aboutBgVideo\");\r\n\r\n  if(!video) return;\r\n\r\n  function startVideo(){\r\n    video.play().catch(()=>{});\r\n  }\r\n\r\n  if(loader){\r\n\r\n    const safeStart = () => {\r\n      startVideo();\r\n      loader.removeEventListener(\"transitionend\", safeStart);\r\n    };\r\n\r\n    loader.addEventListener(\"transitionend\", safeStart);\r\n\r\n    \/* Firefox fallback *\/\r\n    setTimeout(startVideo,1500);\r\n\r\n  }else{\r\n\r\n    startVideo();\r\n\r\n  }\r\n\r\n});\r\n\/* HIDE GLOBAL FIXED VIDEO ONLY DURING SECTION-1 *\/\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n  const section1 = document.getElementById(\"smg-about-section-1\");\r\n  const bgVideo  = document.getElementById(\"aboutBgVideo\");\r\n\r\n  if(!section1 || !bgVideo) return;\r\n\r\n  const observer = new IntersectionObserver(entries => {\r\n\r\n    entries.forEach(entry => {\r\n\r\n      if(entry.isIntersecting){\r\n\r\n        document.body.classList.add(\"smg-hide-global-bg\");\r\n\r\n        \/* STOP the hidden video *\/\r\n        bgVideo.pause();\r\n\r\n      }else{\r\n\r\n        document.body.classList.remove(\"smg-hide-global-bg\");\r\n\r\n        \/* Resume video *\/\r\n        bgVideo.play().catch(()=>{});\r\n\r\n      }\r\n\r\n    });\r\n\r\n  }, { threshold:0.15 });\r\n\r\n  observer.observe(section1);\r\n\r\n});\r\n\/* =========================================\r\n   SECTION-1 BACKGROUND VIDEO \u2014 FADE & MOBILE SWAP\r\n========================================= *\/\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n  const video  = document.querySelector(\"#smg-about-section-1 .smg-section1-bg video\");\r\n  if(!video) return;\r\n\r\n  const source = video.querySelector(\"source\");\r\n  if(!source) return;\r\n\r\n  const MOBILE = \"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/smg94.mp4\";\r\n  const DESKTOP = \"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/smg96.mp4\";\r\n  const useMobile = window.innerWidth <= 1024;\r\n\r\n  \/* Force replace src based on device *\/\r\n  source.setAttribute(\"src\", useMobile ? MOBILE : DESKTOP);\r\n  video.load();\r\n\r\n  \/* Only fade in once the video is ACTUALLY playing frames *\/\r\n  video.addEventListener(\"playing\", function() {\r\n    video.classList.add(\"is-playing\");\r\n  });\r\n\r\n  video.play().catch(()=>{});\r\n});\r\n\r\n\/* =========================================\r\n   GLOBAL BACKGROUND VIDEO \u2014 FADE IN\r\n========================================= *\/\r\ndocument.addEventListener(\"DOMContentLoaded\",()=>{\r\n  const video = document.getElementById(\"aboutBgVideo\");\r\n  const bg    = document.getElementById(\"smg-about-bg\");\r\n  if(!video || !bg) return;\r\n\r\n  \/* Only fade in once the video is ACTUALLY playing frames *\/\r\n  video.addEventListener(\"playing\", function() {\r\n    bg.classList.add(\"video-ready\");\r\n  });\r\n});\r\n\/* SAFARI VIDEO STABILITY *\/\r\n\r\nwindow.addEventListener(\"load\", () => {\r\n  document.querySelectorAll(\"video\").forEach(v=>{\r\n    v.setAttribute(\"playsinline\",\"\");\r\n    v.setAttribute(\"muted\",\"\");\r\n  });\r\n});\r\n\/* FIREFOX ANDROID VIDEO RESET *\/\r\nwindow.addEventListener(\"pagehide\", () => {\r\n  document.querySelectorAll(\"video\").forEach(v=>{\r\n    v.pause();\r\n  });\r\n});\r\n\/* =================================\r\n   HARD FAILSAFE \u2014 REMOVE LOADER\r\n================================= *\/\r\n\r\n(function(){\r\n\r\n  const loader = document.getElementById(\"smg-loader\");\r\n  if(!loader) return;\r\n\r\n  function killLoader(){\r\n    loader.classList.add(\"hide\");\r\n\r\n    setTimeout(()=>{\r\n      loader.remove();\r\n    },600);\r\n  }\r\n\r\n  \/* safety timeout *\/\r\n  setTimeout(killLoader, 5000);\r\n\r\n  \/* when page fully loaded *\/\r\n  window.addEventListener(\"load\", killLoader);\r\n\r\n})();\r\n\/* FIREFOX ANDROID CACHE VIDEO FIX *\/\r\nwindow.addEventListener(\"pageshow\", function(e){\r\n\r\n  if(!e.persisted) return;\r\n\r\n  const vids = document.querySelectorAll(\"video\");\r\n\r\n  vids.forEach(v=>{\r\n    try{\r\n      v.pause();\r\n      v.currentTime = 0;\r\n      v.load();\r\n    }catch(err){}\r\n  });\r\n\r\n  setTimeout(()=>{\r\n    vids.forEach(v=>{\r\n      v.play().catch(()=>{});\r\n    });\r\n  },120);\r\n\r\n});\r\n\/* =========================================\r\n   GLOBAL BACKGROUND VIDEO \u2014 MOBILE SWAP\r\n========================================= *\/\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n  const globalVideo = document.getElementById(\"aboutBgVideo\");\r\n  if(!globalVideo) return;\r\n\r\n  const source = globalVideo.querySelector(\"source\");\r\n  if(!source) return;\r\n\r\n  const MOBILE_GLOBAL = \"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/04\/smg-mobile-8.mp4\";\r\n  const DESKTOP_GLOBAL = \"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/04\/smg-desktop-about-us.mp4\";\r\n  \r\n  \/\/ Check if screen is tablet\/mobile size\r\n  const useMobile = window.innerWidth <= 1024;\r\n\r\n  \/\/ Swap the source and reload the video\r\n  source.setAttribute(\"src\", useMobile ? MOBILE_GLOBAL : DESKTOP_GLOBAL);\r\n  globalVideo.load();\r\n\r\n  \/\/ Play safely after swap\r\n  globalVideo.play().catch(()=>{});\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-635b49f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"635b49f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcad662 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"dcad662\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =================================================\r\n   ABOUT US \u2014 SECTION 2 (FIXED BG IMAGE)\r\n================================================= *\/\r\n\r\n#smg-about-section-2 {\r\n  position: relative;\r\n  min-height: 100vh;\r\n  font-family: \"Montserrat\", -apple-system, BlinkMacSystemFont,\r\n               \"Segoe UI\", Roboto, Arial, sans-serif;\r\n  color: #ffffff;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* FIXED BACKGROUND IMAGE (MATCH SECTION 1) *\/\r\n#smg-about-section-2::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/smg-ship-truck-freight-3-scaled.jpg\")\r\n              center \/ cover no-repeat;\r\n  z-index: -2;\r\n}\r\n\r\n\/* ELEMENTOR SAFE *\/\r\nbody.elementor-editor-active #smg-about-section-2::before {\r\n  position: absolute !important;\r\n}\r\n\r\n\r\n\r\n\/* INNER WRAP *\/\r\n#smg-about-section-2 .inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 160px 48px 160px;\r\n\r\n  display: grid;\r\n  grid-template-columns: 1.05fr 0.95fr;\r\n  gap: 96px;\r\n  align-items: center;\r\n}\r\n\r\n\/* ===============================\r\n   ANIMATION INITIAL STATE\r\n================================ *\/\r\n#smg-about-section-2 .smg-about-2-eyebrow,\r\n#smg-about-section-2 .smg-about-2-title,\r\n#smg-about-section-2 .smg-about-2-text,\r\n#smg-about-section-2 .smg-about-2-video { \/* \u2705 Fixed class *\/\r\n  opacity: 0;\r\n  transform: translateY(32px);\r\n}\r\n\r\n\/* ACTIVE *\/\r\n#smg-about-section-2.smg-animate .smg-about-2-eyebrow,\r\n#smg-about-section-2.smg-animate .smg-about-2-title,\r\n#smg-about-section-2.smg-animate .smg-about-2-text,\r\n#smg-about-section-2.smg-animate .smg-about-2-video { \/* \u2705 Fixed class *\/\r\n  animation: smgFadeUp 1s ease forwards;\r\n}\r\n\r\n\/* STAGGER *\/\r\n#smg-about-section-2.smg-animate .smg-about-2-title { animation-delay: .15s; }\r\n#smg-about-section-2.smg-animate .smg-about-2-text  { animation-delay: .3s; }\r\n#smg-about-section-2.smg-animate .smg-about-2-video { animation-delay: .45s; } \/* \u2705 Fixed class *\/\r\n\r\n\/* ===============================\r\n   TEXT STYLES\r\n================================ *\/\r\n\r\n.smg-about-2-eyebrow {\r\n  font-size: 13px;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.7);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.smg-about-2-title {\r\n  font-size: clamp(38px, 4.8vw, 56px);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  margin-bottom: 26px;\r\n}\r\n\r\n.smg-about-2-text {\r\n  font-size: 18px;\r\n  line-height: 1.9;\r\n  max-width: 620px;\r\n  color: rgba(255,255,255,0.92);\r\n}\r\n\r\n\/* ===============================\r\n   VIDEO BOX STYLING\r\n================================ *\/\r\n.smg-about-2-video {\r\n  overflow: hidden;\r\n  border-radius: 26px;\r\n  box-shadow: 0 34px 90px rgba(0,0,0,0.55);\r\n  width: 100%;\r\n}\r\n\r\n.smg-about-2-video video {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n}\r\n\r\n\/* ===============================\r\n   ANIMATION\r\n================================ *\/\r\n\r\n@keyframes smgFadeUp {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* ===============================\r\n   TABLET\r\n================================ *\/\r\n\r\n@media (max-width: 1024px) {\r\n  #smg-about-section-2 .inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 72px;\r\n    padding: 140px 32px 140px;\r\n    text-align: center;\r\n  }\r\n  .smg-about-2-text { margin: 0 auto; }\r\n}\r\n\r\n\/* ===============================\r\n   MOBILE\r\n================================ *\/\r\n\r\n@media (max-width: 600px) {\r\n  #smg-about-section-2 .inner {\r\n    padding: 120px 20px 120px;\r\n  }\r\n  .smg-about-2-title { font-size: 32px; }\r\n  .smg-about-2-text  { font-size: 16.5px; }\r\n}\r\n\/* LIGHT DARK OVERLAY *\/\r\n#smg-about-section-2::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:rgba(0,0,0,0.50); \/* change 0.24 lighter | 0.35 darker *\/\r\n  z-index:-1;\r\n  pointer-events:none;\r\n}\r\n\/* =========================================\r\n   SECTION 2 \u2014 FIX HEADLINE GAP \/ POSITION\r\n========================================= *\/\r\n\r\n\/* stop vertical centering *\/\r\n#smg-about-section-2 .inner{\r\n  align-items:start !important;\r\n}\r\n\r\n\/* reduce desktop top spacing *\/\r\n@media (min-width:1025px){\r\n  #smg-about-section-2 .inner{\r\n    padding-top:110px !important;   \/* was 160px *\/\r\n  }\r\n}\r\n\r\n\/* tablet *\/\r\n@media (max-width:1024px){\r\n  #smg-about-section-2 .inner{\r\n    padding-top:90px !important;\r\n  }\r\n}\r\n\r\n\/* small mobile *\/\r\n@media (max-width:600px){\r\n  #smg-about-section-2 .inner{\r\n    padding-top:70px !important;\r\n  }\r\n}\r\n\r\n\/* remove hidden top margin collapse from first element *\/\r\n#smg-about-section-2 .inner > div:first-child{\r\n  margin-top:0 !important;\r\n}\r\n\r\n\/* ensure eyebrow doesn't push layout *\/\r\n.smg-about-2-eyebrow{\r\n  margin-top:0 !important;\r\n}\r\n\/* =========================================\r\n   SECTION 2 \u2014 FINAL PROFESSIONAL ALIGNMENT\r\n========================================= *\/\r\n\r\n\/* keep full background *\/\r\n#smg-about-section-2{\r\n  min-height:100vh;\r\n  display:flex;\r\n  align-items:center;   \/* vertical center *\/\r\n}\r\n\r\n\/* inner layout *\/\r\n#smg-about-section-2 .inner{\r\n  padding:120px 48px !important;   \/* balanced spacing *\/\r\n  align-items:center !important;\r\n}\r\n\r\n\/* tablet *\/\r\n@media(max-width:1024px){\r\n\r\n  #smg-about-section-2{\r\n    min-height:auto;      \/* remove forced tall section *\/\r\n  }\r\n\r\n  #smg-about-section-2 .inner{\r\n    padding:90px 28px !important;\r\n    text-align:center;\r\n  }\r\n}\r\n\r\n\/* mobile *\/\r\n@media(max-width:600px){\r\n\r\n  #smg-about-section-2 .inner{\r\n    padding:70px 20px !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<section id=\"smg-about-section-2\">\r\n  <div class=\"inner\">\r\n\r\n    <!-- TEXT -->\r\n    <div>\r\n      <div class=\"smg-about-2-eyebrow\">\u0622\u0644\u064a\u0629 \u0639\u0645\u0644\u0646\u0627<\/div>\r\n\r\n      <h2 class=\"smg-about-2-title\">\r\n  \u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0647\u064a\u0643\u0644\u064a\u0629 \u0648\u0627\u0636\u062d\u0629\u060c<br>\r\n  \u0627\u0644\u062a\u062d\u0643\u0651\u0645\u060c \u0648 <span class=\"no-break\">\u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f<\/span>\r\n<\/h2>\r\n\r\n      <p class=\"smg-about-2-text\">\r\n        \u0641\u064a \u0625\u0633 \u0625\u0645 \u062c\u064a\u060c \u0644\u0627 \u062a\u0642\u062a\u0635\u0631 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0646\u0642\u0644 \u0641\u062d\u0633\u0628 \u2014 \u0628\u0644 \u0647\u064a \u062a\u0646\u0633\u064a\u0642 \u0648\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0645\u062a\u062b\u0627\u0644 \u0648\u062a\u0646\u0641\u064a\u0630 \u062a\u0639\u0645\u0644 \u0645\u0639\u064b\u0627 \u0643\u0646\u0638\u0627\u0645 \u0648\u0627\u062d\u062f. \u0648\u0642\u062f \u0635\u064f\u0645\u0645\u062a \u0639\u0645\u0644\u064a\u0627\u062a\u0646\u0627 \u0644\u0644\u062a\u0648\u0633\u0639 \u0645\u0639 \u0627\u0644\u0637\u0644\u0628\u060c \u0648\u0627\u0644\u062a\u0643\u064a\u0641 \u0645\u0639 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0639\u0642\u062f\u0629\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0645\u0633\u062a\u0648\u0649 \u062b\u0627\u0628\u062a \u0645\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0639\u0628\u0631 \u0643\u0644 \u0645\u0633\u0627\u0631 \u0648\u0645\u0646\u0634\u0623\u0629 \u0648\u0637\u0628\u0642\u0629 \u062e\u062f\u0645\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 \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-about-2-video\">\r\n      <video id=\"aboutVideo2\" autoplay muted loop playsinline preload=\"metadata\">\r\n        <source src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/0310.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =========================================\r\n   SECTION 2 \u2014 SCROLL ANIMATION\r\n========================================= *\/\r\n(function () {\r\n  const section = document.getElementById(\"smg-about-section-2\");\r\n  if (!section) return;\r\n\r\n  let activated = false;\r\n\r\n  function trigger() {\r\n    if (activated) return;\r\n    if (section.getBoundingClientRect().top <= window.innerHeight * 0.7) {\r\n      activated = true;\r\n      section.classList.add(\"smg-animate\");\r\n      window.removeEventListener(\"scroll\", trigger);\r\n    }\r\n  }\r\n\r\n  window.addEventListener(\"scroll\", trigger);\r\n  window.addEventListener(\"load\", trigger);\r\n})();\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\r\n  const logo = document.querySelector(\".smg-logo\");\r\n  if(!logo) return;\r\n\r\n  logo.style.cursor=\"pointer\";\r\n\r\n  logo.addEventListener(\"click\", function(){\r\n\r\n    if(window.location.pathname === \"\/\"){\r\n      window.scrollTo({top:0, behavior:\"smooth\"});\r\n    }else{\r\n      window.location.href=\"\/\";\r\n    }\r\n\r\n  });\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cb33c2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"8cb33c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56ac175 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"56ac175\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =================================================\r\n   ABOUT US \u2014 SECTION 3 (FIXED BG IMAGE)\r\n================================================= *\/\r\n\r\n#smg-about-section-3{\r\n  position:relative;\r\n  min-height:100vh;\r\n  color:#ffffff;\r\n  font-family:\"Montserrat\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* FIXED BACKGROUND *\/\r\n#smg-about-section-3::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:url(\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/smg-mobile-1-scaled.webp\") center\/cover no-repeat;\r\n  z-index:-2;\r\n}\r\n\r\n\r\n\/* ELEMENTOR SAFE *\/\r\nbody.elementor-editor-active #smg-about-section-3::before{\r\n  position:absolute!important;\r\n}\r\n\r\n\/* DARK BLUE OVERLAY *\/\r\n#smg-about-section-3::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(rgba(4,24,45,.55),rgba(4,24,45,.75));\r\n  z-index:-1;\r\n}\r\n\r\n\/* INNER *\/\r\n#smg-about-section-3 .inner{\r\n  position:relative;\r\n  z-index:1;\r\n  max-width:1400px;\r\n  margin:0 auto;\r\n  padding:160px 48px;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:96px;\r\n  align-items:center;\r\n}\r\n\r\n\/* ANIMATION INITIAL *\/\r\n#smg-about-section-3 h2,\r\n#smg-about-section-3 p,\r\n#smg-about-section-3 .smg-grid{\r\n  opacity:0;\r\n  transform:translateY(32px);\r\n}\r\n\r\n\/* ACTIVE *\/\r\n#smg-about-section-3.smg-animate h2,\r\n#smg-about-section-3.smg-animate p,\r\n#smg-about-section-3.smg-animate .smg-grid{\r\n  animation:smgFadeUp 1s ease forwards;\r\n}\r\n\r\n\/* STAGGER *\/\r\n#smg-about-section-3.smg-animate p{animation-delay:.2s}\r\n#smg-about-section-3.smg-animate .smg-grid{animation-delay:.4s}\r\n\r\n\/* TEXT *\/\r\n#smg-about-section-3 h2{\r\n  font-size:clamp(38px,4.8vw,56px);\r\n  font-weight:800;\r\n  line-height:1.15;\r\n  margin-bottom:26px;\r\n}\r\n\r\n#smg-about-section-3 p{\r\n  font-size:18px;\r\n  line-height:1.9;\r\n  max-width:620px;\r\n  color:rgba(255,255,255,.92);\r\n}\r\n\r\n\/* IMAGE GRID *\/\r\n.smg-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:24px;\r\n}\r\n\r\n.smg-grid img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  border-radius:22px;\r\n  box-shadow:0 28px 70px rgba(0,0,0,.55);\r\n}\r\n\r\n\/* ANIMATION *\/\r\n@keyframes smgFadeUp{\r\n  to{opacity:1;transform:none}\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1024px){\r\n  #smg-about-section-3 .inner{\r\n    grid-template-columns:1fr;\r\n    text-align:center;\r\n    gap:72px;\r\n    padding:140px 32px;\r\n  }\r\n\r\n  #smg-about-section-3 p{\r\n    margin:auto;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:600px){\r\n  #smg-about-section-3 .inner{\r\n    padding:120px 20px;\r\n  }\r\n\r\n  #smg-about-section-3 h2{\r\n    font-size:32px;\r\n  }\r\n\r\n  #smg-about-section-3 p{\r\n    font-size:16.5px;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   SECTION 3 \u2014 MOBILE FIX\r\n   Disable FIXED background on mobile\r\n========================================= *\/\r\n\r\n@media (max-width:1024px){\r\n  #smg-about-section-3::before{\r\n    position:absolute;\r\n    background-attachment:scroll;\r\n    background-position:center center;\r\n    background-size:cover;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"smg-about-section-3\">\r\n  <div class=\"inner\">\r\n\r\n    <!-- TEXT -->\r\n    <div>\r\n      <h2>\r\n        \u062a\u063a\u0637\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629<br>\r\n        \u062f\u0642\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0639\u0627\u0644\u064a\u0629\r\n      <\/h2>\r\n\r\n      <p>\r\n        \u062a\u062f\u0639\u0645 \u0634\u0628\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629 \u0639\u0645\u0644\u064a\u0627\u062a \u0646\u0642\u0644 \u0627\u0644\u0634\u062d\u0646 \u0648\u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0625\u0645\u062f\u0627\u062f \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0628\u0643\u0641\u0627\u0621\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. \u0648\u0645\u0639 \u062a\u0631\u0643\u064a\u0632 \u0642\u0648\u064a \u0639\u0644\u0649 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629\u060c \u0646\u062f\u064a\u0631 \u062d\u0631\u0643\u0629 \u0627\u0644\u0634\u062d\u0646 \u0628\u0633\u0644\u0627\u0633\u0629 \u0645\u0646 \u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0646\u0626 \u0627\u0644\u0628\u062d\u0631\u064a\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u062f\u0646 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u062a\u0648\u0632\u064a\u0639\u060c \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u0623\u062f\u0627\u0621\u064b \u0644\u0648\u062c\u0633\u062a\u064a\u064b\u0627 \u0645\u064f\u062d\u0633\u0651\u0646\u064b\u0627 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- IMAGE GRID -->\r\n    <div class=\"smg-grid\">\r\n      <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/02\/homepage-smg-77-1.webp\" alt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\r\n      <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/48.webp\" alt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/1152;\">\r\n      <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/about-us-section-1-scaled.webp\" alt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/1112;\">\r\n      <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/47-scaled.webp\" alt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/955;\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<script>\r\n\/* SECTION 3 SCROLL ANIMATION *\/\r\n(function(){\r\n  const s=document.getElementById(\"smg-about-section-3\");\r\n  if(!s) return;\r\n\r\n  const onScroll=()=>{\r\n    if(s.getBoundingClientRect().top<=window.innerHeight*.7){\r\n      s.classList.add(\"smg-animate\");\r\n      window.removeEventListener(\"scroll\",onScroll);\r\n    }\r\n  };\r\n\r\n  window.addEventListener(\"scroll\",onScroll);\r\n  window.addEventListener(\"load\",onScroll);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-47acc45 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"47acc45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e5b7c3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6e5b7c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =================================================\r\n   ABOUT US \u2014 SECTION 4 (DRIVERS & FLEET)\r\n================================================= *\/\r\n\r\n#smg-about-section-4 {\r\n  position: relative;\r\n  font-family: \"Montserrat\", -apple-system, BlinkMacSystemFont,\r\n               \"Segoe UI\", Roboto, Arial, sans-serif;\r\n  color: #ffffff;\r\n  overflow: hidden;\r\n  padding: 160px 0;\r\n}\r\n\r\n\/* DARK OVERLAY (MATCH OTHER SECTIONS) *\/\r\n#smg-about-section-4::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    rgba(0,0,0,0.55),\r\n    rgba(0,0,0,0.8)\r\n  );\r\n  z-index: 0;\r\n}\r\n\r\n\/* INNER *\/\r\n#smg-about-section-4 .inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 0 48px;\r\n\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 96px;\r\n  align-items: center;\r\n}\r\n\r\n\/* INITIAL (HIDDEN) STATE *\/\r\n#smg-about-section-4 .smg-4-image,\r\n#smg-about-section-4 .smg-4-eyebrow,\r\n#smg-about-section-4 .smg-4-title,\r\n#smg-about-section-4 .smg-4-text p {\r\n  opacity: 0;\r\n  transform: translateY(32px);\r\n}\r\n\r\n\/* ACTIVE (WHEN SCROLLED) *\/\r\n#smg-about-section-4.smg-animate .smg-4-image,\r\n#smg-about-section-4.smg-animate .smg-4-eyebrow,\r\n#smg-about-section-4.smg-animate .smg-4-title,\r\n#smg-about-section-4.smg-animate .smg-4-text p {\r\n  animation: smgFadeUp 1s ease forwards;\r\n}\r\n\r\n\/* STAGGER *\/\r\n#smg-about-section-4.smg-animate .smg-4-eyebrow { animation-delay: .15s; }\r\n#smg-about-section-4.smg-animate .smg-4-title { animation-delay: .3s; }\r\n#smg-about-section-4.smg-animate .smg-4-text p { animation-delay: .45s; }\r\n\r\n\/* TEXT *\/\r\n.smg-4-eyebrow {\r\n  font-size: 13px;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.7);\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.smg-4-title {\r\n  font-size: clamp(38px, 4.8vw, 56px);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.smg-4-text p {\r\n  font-size: 18px;\r\n  line-height: 1.9;\r\n  margin-bottom: 18px;\r\n  color: rgba(255,255,255,0.9);\r\n}\r\n\r\n\/* IMAGE *\/\r\n.smg-4-image {\r\n  border-radius: 26px;\r\n  overflow: hidden;\r\n  box-shadow: 0 34px 90px rgba(0,0,0,0.6);\r\n}\r\n.smg-4-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* ANIMATION KEYFRAME *\/\r\n@keyframes smgFadeUp {\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n  #smg-about-section-4 .inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 64px;\r\n    text-align: center;\r\n  }\r\n  .smg-4-text p { margin: 0 auto 18px; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  #smg-about-section-4 {\r\n    padding: 120px 0;\r\n  }\r\n  .smg-4-title { font-size: 32px; }\r\n}\r\n\/* =========================================\r\n   SECTION 4 \u2014 MOBILE BACKGROUND ONLY\r\n========================================= *\/\r\n\r\n\r\n<\/style>\r\n\r\n<section id=\"smg-about-section-4\">\r\n  <div class=\"inner\">\r\n\r\n    <!-- IMAGE -->\r\n    <div class=\"smg-4-image\">\r\n      <img decoding=\"async\" data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/about-us-section-driviers-scaled.jpg\" alt=\"SMG Drivers and Fleet\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1236;\">\r\n    <\/div>\r\n\r\n    <!-- TEXT -->\r\n    <div class=\"smg-4-text\">\r\n      <div class=\"smg-4-eyebrow\">\u0627\u0644\u0633\u0627\u0626\u0642\u0648\u0646 \u0648\u0627\u0644\u0623\u0633\u0637\u0648\u0644<\/div>\r\n\r\n      <h2 class=\"smg-4-title\">\r\n        \u0633\u0627\u0626\u0642\u0648\u0646\u0627\u2026 \u0642\u0644\u0628 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\r\n      <\/h2>\r\n\r\n      <p>\r\n        \u0641\u064a \u0625\u0633 \u0625\u0645 \u062c\u064a\u060c \u0644\u0627 \u064a\u0642\u062a\u0635\u0631 \u062f\u0648\u0631 \u0633\u0627\u0626\u0642\u064a\u0646\u0627 \u0639\u0644\u0649 \u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u0631\u0643\u0628\u0627\u062a \u0641\u062d\u0633\u0628\u060c \u0628\u0644 \u0647\u0645 \u0645\u062d\u062a\u0631\u0641\u0648\u0646 \u0645\u062f\u0631\u0651\u064e\u0628\u0648\u0646 \u064a\u062c\u0633\u062f\u0648\u0646 \u0627\u0644\u0627\u0646\u0636\u0628\u0627\u0637 \u0648\u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u062a\u0641\u0627\u0646\u064a \u0641\u064a \u0643\u0644 \u0631\u062d\u0644\u0629. \u0648\u0647\u0645 \u064a\u0639\u0643\u0633\u0648\u0646 \u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629.\r\n      <\/p>\r\n\r\n      <p>\r\n        \u0628\u062f\u0639\u0645 \u0645\u0646 \u0623\u0633\u0637\u0648\u0644 \u062d\u062f\u064a\u062b \u0645\u0646 \u0627\u0644\u0634\u0627\u062d\u0646\u0627\u062a \u0627\u0644\u062b\u0642\u064a\u0644\u0629 \u0648\u0623\u0646\u0638\u0645\u0629 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629\u060c \u064a\u0639\u0645\u0644 \u0633\u0627\u0626\u0642\u0648\u0646\u0627 \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u0648\u0646 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0628\u0631 \u0627\u0644\u0645\u062f\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0627\u0644\u062a\u0636\u0627\u0631\u064a\u0633 \u0627\u0644\u0635\u0639\u0628\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>\r\n<\/section>\r\n\r\n<script>\r\n\/* =========================================\r\n   ABOUT SECTION 4 \u2014 SCROLL ANIMATION\r\n========================================= *\/\r\n(function () {\r\n  const section = document.getElementById(\"smg-about-section-4\");\r\n  if (!section) return;\r\n\r\n  let activated = false;\r\n\r\n  function triggerAnimation() {\r\n    if (activated) return;\r\n\r\n    const rect = section.getBoundingClientRect();\r\n    const triggerPoint = window.innerHeight * 0.7;\r\n\r\n    if (rect.top <= triggerPoint) {\r\n      activated = true;\r\n      section.classList.add(\"smg-animate\");\r\n      window.removeEventListener(\"scroll\", triggerAnimation);\r\n    }\r\n  }\r\n\r\n  window.addEventListener(\"scroll\", triggerAnimation);\r\n  window.addEventListener(\"load\", triggerAnimation);\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a6fb7e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"2a6fb7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acc5682 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"acc5682\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===============================================\r\n   ENGINEERED LOGISTICS \u2014 TRANSLATE SAFE VERSION\r\n=============================================== *\/\r\n\r\n#smg-engineered{\r\n  padding:200px 0;\r\n  background:transparent;\r\n  font-family:\"Montserrat\",sans-serif;\r\n  color:#ffffff;\r\n}\r\n\r\n#smg-engineered .container{\r\n  max-width:950px;\r\n  margin:0 auto;\r\n  padding:0 30px;\r\n  text-align:center;\r\n}\r\n\r\n\/* Headline *\/\r\n.smg-title{\r\n  font-size:52px;\r\n  font-weight:800;\r\n  line-height:1.1;\r\n  margin-bottom:80px;\r\n}\r\n\r\n\/* Glass Box *\/\r\n.smg-box{\r\n  background:rgba(255,255,255,0.06);\r\n  border-radius:22px;\r\n  padding:55px 45px;\r\n  margin-bottom:45px;\r\n  border:1px solid rgba(255,255,255,0.08);\r\n}\r\n\r\n\/* Box Heading *\/\r\n.smg-box h3{\r\n  font-size:24px;\r\n  margin-bottom:20px;\r\n  font-weight:700;\r\n}\r\n\r\n\/* IMPORTANT: Text Wrapper (Prevents Split in TranslatePress) *\/\r\n.smg-text{\r\n  font-size:17px;\r\n  line-height:1.9;\r\n  color:rgba(255,255,255,.9);\r\n}\r\n\r\n\/* Tablet *\/\r\n@media(max-width:1024px){\r\n  .smg-title{ font-size:40px; }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media(max-width:600px){\r\n  #smg-engineered{ padding:130px 0; }\r\n  .smg-title{ font-size:28px; }\r\n  .smg-box{ padding:35px 22px; }\r\n  .smg-box h3{ font-size:19px; }\r\n  .smg-text{ font-size:15px; }\r\n}\r\n\/* Make section layered *\/\r\n#smg-engineered{\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\/* LIGHT DARK OVERLAY FOR ENGINEERED SECTION *\/\r\n#smg-engineered::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:rgba(0,0,0,0.28); \/* 0.22 lighter | 0.35 darker *\/\r\n  z-index:0;\r\n  pointer-events:none;\r\n}\r\n\r\n\/* keep content above overlay *\/\r\n#smg-engineered .container{\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\/* ===== VIDEO BOX (SMALL GLASS STYLE) ===== *\/\r\n\r\n.smg-video-box{\r\n  padding:0;\r\n  overflow:hidden;\r\n}\r\n\r\n.smg-video-box video{\r\n  width:100%;\r\n  height:320px;\r\n  object-fit:cover;\r\n  display:block;\r\n  border-radius:22px;\r\n}\r\n\r\n\/* tablet *\/\r\n@media(max-width:1024px){\r\n  .smg-video-box video{\r\n    height:260px;\r\n  }\r\n}\r\n\r\n\/* mobile *\/\r\n@media(max-width:600px){\r\n  .smg-video-box video{\r\n    height:210px;\r\n  }\r\n}\r\n\/* 1. Fix the HTML spacing issues inside the headings *\/\r\n#smg-engineered .smg-box h3 p { \r\n  display: inline; \r\n  margin: 0; \r\n}\r\n#smg-engineered .smg-box h3 br { \r\n  display: none; \r\n}\r\n\/* 1. Fix the HTML spacing issues inside the headings *\/\r\n#smg-engineered .smg-box h3 p { \r\n  display: inline; \r\n  margin: 0; \r\n}\r\n#smg-engineered .smg-box h3 br { \r\n  display: none; \r\n}\r\n\r\n\/* 2. PC\/Desktop ONLY: Shrink font size and force one line *\/\r\n@media (min-width: 1025px) {\r\n  #smg-engineered .smg-box h3 {\r\n    white-space: nowrap;\r\n    font-size: 18px !important;\r\n    margin-bottom: 20px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"smg-engineered\">\r\n  <div class=\"container\">\r\n\r\n<h2 class=\"smg-title\">\r\n  \u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u0635\u0645\u0645\u0629 \u0647\u0646\u062f\u0633\u064a\u064b\u0627 \u0639\u0628\u0631\r\n  <span class=\"no-break\">\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\u0648\u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c \u0648\u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.\r\n<\/h2>\r\n<div class=\"smg-box smg-video-box\">\r\n  <video autoplay muted loop playsinline preload=\"metadata\">\r\n    <source src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/03102.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n<\/div>\r\n    <!-- BOX 1 -->\r\n    <div class=\"smg-box\">\r\n      <h3><p><br>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0633\u0637\u0648\u0644 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0648\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u062b\u0642\u064a\u0644<br><\/h3>\r\n      <div class=\"smg-text\">\r\n        \u062a\u0634\u063a\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 \u0623\u0633\u0637\u0648\u0644\u064b\u0627 \u064a\u0636\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 300 \u0634\u0627\u062d\u0646\u0629 \u0645\u0632\u0648\u062f\u0629 \u0628\u0646\u0638\u0627\u0645 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u060c \u0648\u0645\u0642\u0637\u0648\u0631\u0627\u062a \u0645\u0646\u062e\u0641\u0636\u0629 \u0627\u0644\u0633\u0631\u064a\u0631\u060c \u0648\u0648\u062d\u062f\u0627\u062a \u0646\u0642\u0644 \u0645\u0633\u0637\u062d\u0629\u060c \u0648\u0645\u0639\u062f\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u0646\u0642\u0644 \u0627\u0644\u062b\u0642\u064a\u0644\u060c \u0644\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u0631\u064a \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. \u062a\u062f\u0639\u0645 \u0634\u0628\u0643\u062a\u0646\u0627 \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\u0645\u062f\u0646 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632 \u0648\u0627\u0644\u0645\u062c\u0645\u0639\u0627\u062a \u0627\u0644\u0628\u062a\u0631\u0648\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0646\u0626 \u0648\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a \u0648\u0645\u0645\u0631\u0627\u062a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062d\u0643\u0645 \u062a\u0634\u063a\u064a\u0644\u064a \u0645\u0628\u0627\u0634\u0631 \u0648\u0625\u0634\u0631\u0627\u0641 \u0645\u0646\u0638\u0645 \u0639\u0644\u0649 \u0627\u0644\u0623\u0633\u0637\u0648\u0644.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BOX 2 -->\r\n    <div class=\"smg-box\">\r\n      <h3><p><br>\u062d\u0644\u0648\u0644 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0644\u0634\u062d\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0631\u0641\u0639 \u0627\u0644\u062b\u0642\u064a\u0644<br><\/h3>\r\n      <div class=\"smg-text\">\r\n        \u0646\u0648\u0641\u0631 \u062d\u0644\u0648\u0644\u064b\u0627 \u0647\u0646\u062f\u0633\u064a\u0629 \u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u0634\u0645\u0644 \u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a\u060c \u0648\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0646\u0642\u0644\u060c \u0648\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062a\u0635\u0627\u0631\u064a\u062d\u060c \u0648\u0645\u0646\u0627\u0648\u0644\u0629 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0643\u0628\u064a\u0631\u0629\u060c \u0648\u0646\u0642\u0644 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0645\u0639\u0628\u0623\u0629 \u0628\u0627\u0644\u062d\u0627\u0648\u064a\u0627\u062a\u060c \u0648\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0631\u0641\u0639 \u0648\u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u062b\u0642\u064a\u0644 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u062a\u0639\u062f\u064a\u0646 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u064a \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\u064a\u0636\u0645\u0646 \u062a\u0646\u0641\u064a\u0630\u0646\u0627 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u0644\u0627\u0645\u0629\u060c \u0648\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0628\u062f\u0642\u0629 \u0639\u0627\u0644\u064a\u0629.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BOX 3 -->\r\n    <div class=\"smg-box\">\r\n      <h3><p><br>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a<br><\/h3>\r\n      <div class=\"smg-text\">\r\n        \u062a\u062c\u0645\u0639 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u062f\u064a\u0646\u0627 \u0628\u064a\u0646 \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0628\u0631\u064a\u060c \u0648\u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u062d\u0631\u064a\u060c \u0648\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u062c\u0648\u064a\u060c \u0648\u0627\u0644\u062a\u062e\u0644\u064a\u0635 \u0627\u0644\u062c\u0645\u0631\u0643\u064a\u060c \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0627\u0644\u062c\u0645\u0631\u0643\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0645\u0628\u0631\u062f \u0648\u0627\u0644\u0645\u062a\u062d\u0643\u0645 \u0628\u062f\u0631\u062c\u0629 \u062d\u0631\u0627\u0631\u062a\u0647\u060c \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0646\u0642\u0644 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062e\u0637\u0631\u0629\u060c \u0648\u0645\u0646\u0627\u0648\u0644\u0629 \u0634\u062d\u0646\u0627\u062a \u0627\u0644\u062f\u062d\u0631\u062c\u0629\u060c \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0646\u0642\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0648\u0633\u0627\u0626\u0637. \u0648\u062a\u0642\u062f\u0645 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0639\u0645\u0644\u064a\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0639 \u0648\u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0645\u062f\u0641\u0648\u0639\u0629 \u0628\u0627\u0644\u0623\u062f\u0627\u0621 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c \u0648\u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e75ff2e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"e75ff2e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-282f2d8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"282f2d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =================================================\r\n   ABOUT US \u2014 SECTION 6 (TIMELINE & STATS)\r\n================================================= *\/\r\n\r\n#smg-about-timeline {\r\n  position: relative;\r\n  padding: 160px 20px;\r\n  font-family: \"Montserrat\", -apple-system, BlinkMacSystemFont,\r\n               \"Segoe UI\", Roboto, Arial, sans-serif;\r\n  color: #ffffff;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n#smg-about-timeline::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    rgba(0,0,0,0.55),\r\n    rgba(0,0,0,0.85)\r\n  );\r\n  z-index: 0;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n#smg-about-timeline .inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 0.9fr;\r\n  gap: 100px;\r\n  align-items: center;\r\n}\r\n\r\n\/* ===============================\r\n   STORY SIDE\r\n================================ *\/\r\n\r\n.smg-timeline-eyebrow {\r\n  font-size: 13px;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.7);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.smg-timeline-title {\r\n  font-size: clamp(38px, 4.8vw, 56px);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.smg-timeline-text {\r\n  font-size: 18px;\r\n  line-height: 1.9;\r\n  max-width: 620px;\r\n  color: rgba(255,255,255,0.92);\r\n}\r\n\r\n\/* ===============================\r\n   STATS\r\n================================ *\/\r\n\r\n.smg-timeline-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 48px;\r\n}\r\n\r\n.smg-stat-box {\r\n  opacity: 0;\r\n  transform: translateY(28px);\r\n}\r\n\r\n#smg-about-timeline.smg-animate .smg-stat-box {\r\n  animation: smgFadeUp 1s ease forwards;\r\n}\r\n\r\n.smg-stat-box:nth-child(1){animation-delay:.1s;}\r\n.smg-stat-box:nth-child(2){animation-delay:.25s;}\r\n.smg-stat-box:nth-child(3){animation-delay:.4s;}\r\n.smg-stat-box:nth-child(4){animation-delay:.55s;}\r\n\r\n.smg-stat-number {\r\n  font-size: clamp(42px, 5vw, 64px);\r\n  font-weight: 800;\r\n  line-height: 1;\r\n}\r\n\r\n.smg-stat-label {\r\n  margin-top: 12px;\r\n  font-size: 15px;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.75);\r\n}\r\n\r\n.smg-stat-desc {\r\n  margin-top: 12px;\r\n  font-size: 15.5px;\r\n  line-height: 1.8;\r\n  color: rgba(255,255,255,0.9);\r\n}\r\n\r\n\/* ANIMATION *\/\r\n@keyframes smgFadeUp {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:1024px){\r\n  #smg-about-timeline .inner{\r\n    grid-template-columns:1fr;\r\n    gap:80px;\r\n    text-align:center;\r\n  }\r\n  .smg-timeline-text{margin:0 auto;}\r\n}\r\n\r\n@media(max-width:600px){\r\n  #smg-about-timeline{\r\n    padding:120px 16px;\r\n  }\r\n  .smg-timeline-stats{\r\n    grid-template-columns:1fr;\r\n    gap:36px;\r\n  }\r\n}\r\n\/* ===== SMG TIMELINE VIDEO BOX ===== *\/\r\n\r\n.smg-timeline-video{\r\n  margin-top:40px;\r\n  border-radius:22px;\r\n  overflow:hidden;\r\n  box-shadow:0 30px 80px rgba(0,0,0,.55);\r\n  max-width:620px;\r\n}\r\n\r\n.smg-timeline-video video{\r\n  width:100%;\r\n  height:320px;\r\n  object-fit:cover;\r\n  display:block;\r\n}\r\n\r\n\/* center on tablet\/mobile *\/\r\n@media(max-width:1024px){\r\n  .smg-timeline-video{\r\n    margin:40px auto 0;\r\n  }\r\n}\r\n\r\n\/* mobile height *\/\r\n@media(max-width:600px){\r\n  .smg-timeline-video video{\r\n    height:220px;\r\n  }\r\n}\r\n\/* ===== REMOVE TOP GAP ABOVE TIMELINE SECTION ===== *\/\r\n\r\n#smg-about-timeline{\r\n  padding-top:80px !important;   \/* was 160px *\/\r\n  margin-top:0 !important;\r\n}\r\n\r\n\/* if still gap on tablet\/mobile *\/\r\n@media(max-width:1024px){\r\n  #smg-about-timeline{\r\n    padding-top:70px !important;\r\n  }\r\n}\r\n\r\n\/* small phones *\/\r\n@media(max-width:600px){\r\n  #smg-about-timeline{\r\n    padding-top:60px !important;\r\n  }\r\n}\r\n\/* ===== FORCE TIMELINE CONTENT TO START AT TOP ===== *\/\r\n\r\n#smg-about-timeline{\r\n  padding-top:60px !important;   \/* adjust if you want tighter *\/\r\n}\r\n\r\n\/* remove hidden spacing from inner container *\/\r\n#smg-about-timeline .inner{\r\n  margin-top:0 !important;\r\n  padding-top:0 !important;\r\n  align-items:start !important;   \/* \ud83d\udd11 prevents vertical centering *\/\r\n}\r\n\r\n\/* remove first element top margin collapse *\/\r\n#smg-about-timeline .inner > div:first-child{\r\n  margin-top:0 !important;\r\n}\r\n\r\n\/* ensure headline has no hidden margin *\/\r\n.smg-timeline-eyebrow{\r\n  margin-top:0 !important;\r\n}\r\n\/* ===============================\r\n   SMG VISION \/ MISSION \/ VALUES\r\n=============================== *\/\r\n\r\n.smg-vmv-block{\r\n  margin-top:40px;\r\n  max-width:620px;\r\n}\r\n\r\n.smg-vmv-title{\r\n  margin-top:28px;\r\n  font-size:22px;\r\n  font-weight:700;\r\n  letter-spacing:.5px;\r\n}\r\n\r\n.smg-vmv-text{\r\n  margin-top:10px;\r\n  font-size:16.5px;\r\n  line-height:1.9;\r\n  color:rgba(255,255,255,0.92);\r\n}\r\n\/* =========================================\r\n   FORCED GAP OVERRIDE\r\n========================================= *\/\r\n\r\n\/* 1. Kills the 200px bottom padding from your earlier CSS *\/\r\n#smg-engineered {\r\n  padding-bottom: 0 !important;\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n\/* 2. Kills Elementor's default 20px widget gap by pulling the next section up *\/\r\n#smg-about-timeline {\r\n  margin-top: -20px !important; \r\n  padding-top: 80px !important; \r\n}\r\n\r\n\/* 3. Ensures mobile padding is also zeroed out at the bottom *\/\r\n@media(max-width: 600px) {\r\n  #smg-engineered {\r\n    padding-bottom: 0 !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"smg-about-timeline\">\r\n  <div class=\"inner\">\r\n\r\n    <!-- STORY -->\r\n    <div>\r\n      <div class=\"smg-timeline-eyebrow\">\u0631\u062d\u0644\u062a\u0646\u0627<\/div>\r\n\r\n      <h2 class=\"smg-timeline-title\">\r\n        \u0627\u0644\u0645\u0628\u0646\u0649 \u0627\u0644\u0623\u0648\u0644 <span class=\"no-break\">\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\r\n        \u0623\u0643\u062b\u0631 \u0623\u0633\u0627\u0637\u064a\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u064a\u0629\r\n      <\/h2>\r\n\r\n      <p class=\"smg-timeline-text\">\r\n        \u062a\u0623\u0633\u0633\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 \u0648\u0627\u0644\u0646\u0642\u0644 \u0644\u062f\u0639\u0645 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0645\u062a\u0646\u0627\u0645\u064a\u0629 \u0628\u0633\u0631\u0639\u0629 \u0641\u064a \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\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. \u0648\u0645\u0646 \u0627\u0646\u0637\u0644\u0627\u0642\u0629 \u062a\u0631\u0643\u0632\u062a \u0639\u0644\u0649 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0646\u0642\u0644\u060c \u062a\u0637\u0648\u0631\u062a \u0625\u0633 \u0625\u0645 \u062c\u064a \u0644\u062a\u0635\u0628\u062d \u0645\u0632\u0648\u062f \u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u0646\u0638\u0645\u064b\u0627 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u060c \u064a\u0639\u0645\u0644 \u0641\u064a \u0627\u0644\u0645\u062f\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0646\u0626 \u0648\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.\r\n        <br><br>\r\n        \u062a\u062f\u064a\u0631 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0627\u0644\u064a\u0648\u0645 \u0623\u0633\u0637\u0648\u0644\u064b\u0627 \u062d\u062f\u064a\u062b\u064b\u0627 \u064a\u0636\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 <strong>\u0663\u0660\u0660 \u0634\u0627\u062d\u0646\u0629 \u0645\u0645\u0644\u0648\u0643\u0629 \u0644\u0644\u0634\u0631\u0643\u0629<\/strong>\u0645\u062f\u0639\u0648\u0645 \u0628\u0633\u0627\u0626\u0642\u064a\u0646 \u0645\u0624\u0647\u0644\u064a\u0646\u060c \u0648\u0641\u0631\u0642 \u062a\u0634\u063a\u064a\u0644 \u0645\u062a\u062e\u0635\u0635\u0629\u060c \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0645\u062a\u062b\u0627\u0644 \u062a\u062a\u0645\u0627\u0634\u0649 \u0645\u0639 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0662\u0660\u0663\u0660.\r\n      <\/p>\r\n    <\/div>\r\n    <div class=\"smg-vmv-block\">\r\n\r\n  <h3 class=\"smg-vmv-title\">\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\r\n  <p class=\"smg-vmv-text\">\r\n  \u0623\u0646 \u0646\u0643\u0648\u0646 \u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a \u0627\u0644\u0631\u0627\u0626\u062f \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0646\u0642\u0644 \u0648\u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629\u060c \u0622\u0645\u0646\u0629\u060c \u0648\u0645\u0648\u062b\u0648\u0642\u0629 \u062a\u064f\u0633\u0647\u0645 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u062d\u0631\u0643\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0648\u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0625\u0645\u062f\u0627\u062f \u0639\u0627\u0644\u0645\u064a\u0627\u064b.\r\n  <\/p>\r\n\r\n  <h3 class=\"smg-vmv-title\">\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\r\n  <p class=\"smg-vmv-text\">\r\n  \u062a\u0645\u0643\u064a\u0646 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0645\u0646 \u062a\u062d\u0642\u064a\u0642 \u0623\u0642\u0635\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062e\u062f\u0645\u0627\u062a \u0646\u0642\u0644 \u0648\u0634\u062d\u0646 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\u060c \u0645\u0644\u062a\u0632\u0645\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0648\u062e\u0628\u0631\u0629 \u0639\u0645\u064a\u0642\u0629\u060c \u0644\u0636\u0645\u0627\u0646 \u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0628\u062f\u0642\u0629 \u0648\u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062d\u062f\u062f.\r\n  <\/p>\r\n\r\n  <h3 class=\"smg-vmv-title\">\u0642\u064a\u0645\u0646\u0627<\/h3>\r\n  <p class=\"smg-vmv-text\">\r\n  \u2022 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0623\u0648\u0644\u0627\u064b: \u0627\u0644\u062a\u0632\u0627\u0645 \u0635\u0627\u0631\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0639\u0645\u0644\u064a\u0627\u062a\u0646\u0627.<br>\r\n  \u2022 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629: \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629 \u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u0649 \u062e\u0628\u0631\u0629 \u0648\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0641\u0631\u064a\u0642.<br>\r\n  \u2022 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644: \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0628\u0627\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0648\u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u062f\u0648\u0644\u064a\u0629.<br>\r\n  \u2022 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631: \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0639\u0646 \u062d\u0644\u0648\u0644 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629.<br>\r\n  \u2022 \u0627\u0644\u0634\u0631\u0627\u0643\u0629: \u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0642\u0648\u064a\u0629 \u0648\u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u0648\u0631\u062f\u064a\u0646 \u0639\u0644\u0649 \u0623\u0633\u0627\u0633 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629.\r\n  <\/p>\r\n\r\n<\/div>\r\n<div class=\"smg-timeline-video\">\r\n<video id=\"smgTimelineVideo\" autoplay muted loop playsinline preload=\"metadata\">\r\n    <source src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/03\/03103.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n<\/div>\r\n    <!-- STATS -->\r\n    <div class=\"smg-timeline-stats\">\r\n\r\n      <div class=\"smg-stat-box\">\r\n        <div class=\"smg-stat-number\" data-count=\"300\">0<\/div>\r\n        <div class=\"smg-stat-label\">\u0634\u0627\u062d\u0646\u0627\u062a \u0645\u0645\u0644\u0648\u0643\u0629 \u0644\u0644\u0634\u0631\u0643\u0629<\/div>\r\n        <div class=\"smg-stat-desc\">\r\n        \u0623\u0633\u0637\u0648\u0644 \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0648\u0633\u0639 \u064a\u062f\u0639\u0645 \u062d\u0645\u0648\u0644\u0629 \u0627\u0644\u0634\u0627\u062d\u0646\u0627\u062a \u0627\u0644\u0643\u0627\u0645\u0644\u0629\u060c \u0648\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0648\u0627\u0644\u0646\u0642\u0644 \u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0637\u0648\u064a\u0644\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        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smg-stat-box\">\r\n        <div class=\"smg-stat-number\" data-count=\"12\">0<\/div>\r\n        <div class=\"smg-stat-label\">\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629<\/div>\r\n        <div class=\"smg-stat-desc\">\r\n          \u062e\u0628\u0631\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0645\u062b\u0628\u062a\u0629 \u0639\u0628\u0631 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \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\u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smg-stat-box\">\r\n        <div class=\"smg-stat-number\">24\/7<\/div>\r\n        <div class=\"smg-stat-label\">\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a<\/div>\r\n        <div class=\"smg-stat-desc\">\r\n          \u0645\u0631\u0627\u0642\u0628\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0648\u062a\u0646\u0633\u064a\u0642 \u0645\u062a\u0643\u0627\u0645\u0644 \u0648\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0623\u0633\u0637\u0648\u0644 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062d\u062f\u062f.\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"smg-stat-box\">\r\n        <div class=\"smg-stat-number\">100%<\/div>\r\n        <div class=\"smg-stat-label\">\u0645\u0642\u0631\u0647\u0627 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/div>\r\n        <div class=\"smg-stat-desc\">\r\n          \u0639\u0645\u0644\u064a\u0627\u062a \u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0648\u0645\u062a\u0648\u0627\u0641\u0642\u0629 \u0645\u0639 \u0623\u0647\u062f\u0627\u0641 \u0631\u0624\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0662\u0660\u0663\u0660.\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* =========================================\r\n   SECTION 6 \u2014 TRUE VIEWPORT COUNTER TRIGGER\r\n   (starts only when stats become visible)\r\n========================================= *\/\r\n\r\n(function(){\r\n\r\n  const section = document.getElementById(\"smg-about-timeline\");\r\n  if(!section) return;\r\n\r\n  const stats = section.querySelector(\".smg-timeline-stats\");\r\n  if(!stats) return;\r\n\r\n  let started = false;\r\n\r\n  const observer = new IntersectionObserver((entries)=>{\r\n    entries.forEach(entry=>{\r\n\r\n      if(entry.isIntersecting && !started){\r\n\r\n        started = true;\r\n\r\n        section.classList.add(\"smg-animate\");\r\n        animateCounters();\r\n\r\n        observer.disconnect(); \/\/ stop observing after trigger\r\n      }\r\n\r\n    });\r\n  },{\r\n    root:null,\r\n\r\n    \/* \u2b50 THIS IS THE REAL MAGIC *\/\r\n    threshold:0.45,          \/\/ wait until ~45% visible\r\n    rootMargin:\"0px 0px -10% 0px\"  \/\/ prevents early trigger\r\n  });\r\n\r\n  observer.observe(stats);   \/\/ observe stats block (NOT whole section)\r\n\r\n\r\n  function animateCounters(){\r\n\r\n    section.querySelectorAll(\"[data-count]\").forEach(el=>{\r\n\r\n      const target = parseInt(el.dataset.count);\r\n      const duration = 1600;\r\n      const startTime = performance.now();\r\n\r\n      function update(now){\r\n\r\n        const progress = Math.min((now - startTime)\/duration,1);\r\n        const value = Math.floor(progress * target);\r\n\r\n        el.textContent = value;\r\n\r\n        if(progress < 1){\r\n          requestAnimationFrame(update);\r\n        } else {\r\n          el.textContent = target + \"+\";\r\n        }\r\n\r\n      }\r\n\r\n      requestAnimationFrame(update);\r\n\r\n    });\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9e1c45 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"b9e1c45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85d7542 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"85d7542\" 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 MOBILE CROP \/ ZOOM FIX\r\n   (PASTE AT VERY BOTTOM)\r\n===================================== *\/\r\n\r\n@media (max-width:1024px){\r\n\r\n  \/* stack properly *\/\r\n  .smg-faq-wrap{\r\n    grid-template-columns:1fr !important;\r\n    gap:40px !important;\r\n  }\r\n\r\n  \/* prevent side overflow causing zoom *\/\r\n  .smg-faq-clean{\r\n    overflow:hidden !important;\r\n    padding:70px 18px !important;\r\n  }\r\n\r\n  \/* image full width, no crop *\/\r\n  .smg-faq-image{\r\n    width:100% !important;\r\n  }\r\n\r\n  .smg-faq-image img{\r\n    width:100% !important;\r\n    height:auto !important;\r\n    max-width:100% !important;\r\n    object-fit:contain !important; \/* \ud83d\udd11 prevents crop *\/\r\n    transform:none !important;\r\n  }\r\n\r\n  \/* text container safe width *\/\r\n  .smg-faq-content{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n  }\r\n\r\n}\r\n\r\n\/* extra safety for small phones *\/\r\n@media (max-width:600px){\r\n\r\n  .smg-faq-wrap{\r\n    gap:32px !important;\r\n  }\r\n\r\n  .smg-faq-clean{\r\n    padding:60px 16px !important;\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   SMG FAQ \u2014 HARD MOBILE OVERFLOW FIX\r\n   (REAL SOLUTION \u2014 DO NOT EDIT ABOVE)\r\n===================================== *\/\r\n\r\n\/* stop any horizontal page expansion *\/\r\nhtml, body{\r\n  overflow-x:hidden !important;\r\n}\r\n\r\n\/* lock section width *\/\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\/* lock inner wrapper *\/\r\n.smg-faq-wrap{\r\n  width:100% !important;\r\n  max-width:100% !important;\r\n}\r\n\r\n\/* fix Elementor section padding conflict *\/\r\n@media (max-width:1024px){\r\n\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  \/* remove side padding causing 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 must never exceed screen *\/\r\n  .smg-faq-image,\r\n  .smg-faq-image img{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n  }\r\n\r\n  \/* questions container width lock *\/\r\n  .smg-faq-content{\r\n    width:100% !important;\r\n  }\r\n\r\n  \/* THIS is the hidden culprit in many cases *\/\r\n  .smg-faq-question{\r\n    width:100% !important;\r\n    min-width:0 !important;\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   SMG FAQ \u2014 TEXT OVERFLOW FINAL FIX\r\n===================================== *\/\r\n\r\n\/* allow flex children to shrink *\/\r\n.smg-faq-question{\r\n  min-width:0 !important;\r\n  overflow:hidden !important;\r\n}\r\n\r\n\/* allow text to wrap instead of expanding *\/\r\n.smg-faq-question .faq-text{\r\n  min-width:0 !important;\r\n  flex:1 1 auto !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\/* prevent icon pushing layout wider *\/\r\n.smg-faq-question .faq-icon{\r\n  flex:0 0 auto !important;\r\n}\r\n\r\n\/* extra safety for mobile *\/\r\n@media(max-width:768px){\r\n\r\n  .smg-faq-question{\r\n    padding-left:8px !important;\r\n    padding-right:8px !important;\r\n  }\r\n\r\n  .smg-faq-text{\r\n    font-size:15px !important;\r\n  }\r\n\r\n}\r\n\/* =====================================\r\n   SMG FAQ \u2014 ARABIC LAYOUT FIX (KEEP IMAGE LEFT)\r\n===================================== *\/\r\n\r\n\/* When page language is Arabic *\/\r\nhtml[lang=\"ar\"] .smg-faq-wrap{\r\n  direction:ltr;                \/* keep grid order same *\/\r\n}\r\n\r\n\/* Arabic text direction only inside content *\/\r\nhtml[lang=\"ar\"] .smg-faq-content{\r\n  direction:rtl;\r\n  text-align:right;\r\n}\r\n\r\n\/* Question button alignment *\/\r\nhtml[lang=\"ar\"] .smg-faq-question{\r\n  direction:rtl;\r\n  text-align:right;\r\n}\r\n\r\n\/* Ensure icon stays on correct side *\/\r\nhtml[lang=\"ar\"] .smg-faq-question .faq-icon{\r\n  margin-left:0;\r\n  margin-right:12px;\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<!-- ===== SMG SEO FAQ ADDITION START ===== -->\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 \u0623\u0641\u0636\u0644 \u0634\u0631\u0643\u0629 \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\u0636\u0645\u0651 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0639\u062f\u062f\u0627\u064b \u0645\u0646 \u0643\u0628\u0631\u0649 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062f\u0639\u0645 \u062d\u0631\u0643\u0629 \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u062f\u0648\u0644\u064a\u0629. \u0648\u0645\u0646 \u0628\u064a\u0646 \u0645\u0634\u063a\u0651\u0644\u064a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646\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 \u062d\u0644\u0648\u0644 \u0646\u0642\u0644 \u0645\u0648\u062b\u0648\u0642\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0648\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0639\u0627\u0644\u0645\u060c \u0648\u0630\u0644\u0643 \u0628\u062f\u0639\u0645\u064d \u0645\u0646 \u0623\u0633\u0637\u0648\u0644 \u064a\u0636\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 300 \u0634\u0627\u062d\u0646\u0629\u060c \u0648\u0641\u0650\u0631\u0642 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0630\u0627\u062a \u062e\u0628\u0631\u0629 \u062a\u062a\u0648\u0644\u0649 \u0646\u0642\u0644 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\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\u0648\u0641\u0651\u0631 \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\u0647\u0627 \u0641\u064a \u062c\u0645\u064a\u0639 \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\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 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u060c \u062d\u064a\u062b \u062a\u0631\u0628\u0637 \u0628\u064a\u0646 \u0623\u0628\u0631\u0632 \u0627\u0644\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \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\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u0627\u0644\u0645\u0646\u0627\u0637\u0642. \u0643\u0645\u0627 \u062a\u062f\u0639\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0628\u0631\u064a\u060c \u0648\u0646\u0642\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0648\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0648\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0627\u0644\u0645\u062c\u0627\u0648\u0631\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\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 \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\u062a\u062f\u0639\u0645 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0634\u062d\u0646 \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. \u0643\u0645\u0627 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0629 \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\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u062d\u062f\u0648\u062f \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0642\u0648\u0645 \u0628\u0627\u0644\u0634\u062d\u0646 \u062f\u0648\u0644\u064a\u0627\u064b.\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\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645\u0647\u0627 \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\u062a\u0642\u062f\u0651\u0645 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0634\u0645\u0644 \u0627\u0644\u0646\u0642\u0644 \u0628\u0627\u0644\u0634\u0627\u062d\u0646\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0648\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a\u060c \u0648\u0646\u0642\u0644 \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0648\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u060c \u0648\u062f\u0639\u0645 \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a\u060c \u0625\u0636\u0627\u0641\u0629\u064b \u0625\u0644\u0649 \u062d\u0644\u0648\u0644 \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0648\u0645\u0646\u0627\u0648\u0644\u0629 \u0627\u0644\u0634\u062d\u0646\u0627\u062a. \u0648\u062a\u0633\u0627\u0639\u062f \u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u062d\u0631\u0643\u0629 \u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0625\u0645\u062f\u0627\u062f \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\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\u0646\u0642\u0644 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0627\u0644\u062b\u0642\u064a\u0644\u0629 \u0623\u0648 \u0630\u0627\u062a \u0627\u0644\u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0643\u0628\u064a\u0631\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\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\u062a\u062e\u0635\u0635 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0641\u064a \u0646\u0642\u0644 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\u060c \u0648\u0627\u0644\u0634\u062d\u0646\u0627\u062a \u0643\u0628\u064a\u0631\u0629 \u0627\u0644\u062d\u062c\u0645\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. \u0648\u062a\u062a\u064a\u062d \u0642\u0648\u0629 \u0623\u0633\u0637\u0648\u0644 \u0627\u0644\u0634\u0631\u0643\u0629 \u0648\u062e\u0628\u0631\u062a\u0647\u0627 \u0641\u064a \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0627\u0644\u0622\u0645\u0646 \u0645\u0639 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0646\u0642\u0644 \u0627\u0644\u0645\u0639\u0642\u062f\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \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.\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\u064f\u0639\u062f\u0651 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0639\u0642\u062f \u0634\u0631\u0627\u0643\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f\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\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0644\u0639\u0645\u0644\u064a\u0627\u062a\u0647\u0627 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0628\u0641\u0636\u0644 \u0633\u0639\u0629 \u0623\u0633\u0637\u0648\u0644\u0647\u0627 \u0648\u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u062a\u0634\u063a\u064a\u0644\u0647\u0627 \u0648\u0642\u062f\u0631\u062a\u0647\u0627 \u0639\u0644\u0649 \u062f\u0639\u0645 \u062d\u0631\u0643\u0629 \u0627\u0644\u0634\u062d\u0646 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u0625\u0642\u0644\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u062f\u0648\u0644\u064a\u0629. \u0648\u062a\u0631\u0643\u0651\u0632 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0639\u0644\u0649 \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 \u062a\u064f\u0633\u0647\u0645 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u062f\u0642\u0629 \u0627\u0644\u062a\u0633\u0644\u064a\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\">\u0623\u064a\u0646 \u064a\u0642\u0639 \u0645\u0642\u0631 \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 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0642\u0631\u064a\u0628 \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u0646\u0626 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0637\u0631\u0642 \u0627\u0644\u0646\u0642\u0644\u060c \u0645\u0645\u0627 \u064a\u062a\u064a\u062d \u062a\u0646\u0641\u064a\u0630 \u0639\u0645\u0644\u064a\u0627\u062a \u0634\u062d\u0646 \u0628\u0643\u0641\u0627\u0621\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0648\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0648\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \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\">\u0643\u064a\u0641 \u062a\u062f\u0639\u0645 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0643\u0641\u0627\u0621\u0629 \u0633\u0644\u0633\u0644\u0629 \u0627\u0644\u0625\u0645\u062f\u0627\u062f \u0644\u0644\u0634\u0631\u0643\u0627\u062a\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 \u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0625\u0645\u062f\u0627\u062f \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062e\u0637\u064a\u0637 \u0646\u0642\u0644 \u0645\u0646\u0633\u0651\u0642\u060c \u0648\u062e\u062f\u0645\u0627\u062a \u0634\u062d\u0646 \u0628\u0631\u064a \u0645\u0648\u062b\u0648\u0642\u0629\u060c \u0648\u062e\u0628\u0631\u0629 \u0641\u064a \u0645\u0646\u0627\u0648\u0644\u0629 \u0627\u0644\u0634\u062d\u0646\u0627\u062a\u060c \u0648\u0623\u0646\u0638\u0645\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629. \u0648\u064a\u0636\u0645\u0646 \u0630\u0644\u0643 \u0627\u0646\u062a\u0642\u0627\u0644 \u0627\u0644\u0628\u0636\u0627\u0626\u0639 \u0628\u0623\u0645\u0627\u0646 \u0645\u0646 \u0646\u0642\u0637\u0629 \u0627\u0644\u0627\u0646\u0637\u0644\u0627\u0642 \u0625\u0644\u0649 \u0627\u0644\u0648\u062c\u0647\u0629 \u0645\u0639 \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a.\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 \u062f\u0639\u0645\u0627\u064b \u0644\u0648\u062c\u0633\u062a\u064a\u0627\u064b \u0644\u0642\u0637\u0627\u0639\u064a \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a\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\u062a\u0639\u0627\u0648\u0646 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0645\u0639 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629\u060c \u0648\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a\u060c \u0648\u0645\u0634\u0627\u0631\u064a\u0639 \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 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0648\u062a\u0633\u0644\u064a\u0645\u064b\u0627 \u0645\u0646\u0633\u0642\u064b\u0627 \u0644\u0644\u0634\u062d\u0646\u0627\u062a \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \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\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0625\u0642\u0644\u064a\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\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u0644 \u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a \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\u062c\u0645\u0639 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0628\u064a\u0646 \u0623\u0633\u0637\u0648\u0644 \u062d\u062f\u064a\u062b \u0648\u0643\u0628\u064a\u0631\u060c \u0648\u0641\u0650\u0631\u0642 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0630\u0627\u062a \u062e\u0628\u0631\u0629\u060c \u0648\u062a\u063a\u0637\u064a\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629. \u0648\u0628\u0641\u0636\u0644 \u062e\u062f\u0645\u0627\u062a\u0647\u0627 \u0627\u0644\u062a\u064a \u062a\u0645\u062a\u062f \u0639\u0628\u0631 \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\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u062a\u0633\u0627\u0639\u062f \u0625\u0633 \u0625\u0645 \u062c\u064a \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u0646\u0642\u0644 \u0634\u062d\u0646\u0627\u062a\u0647\u0627 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0623\u0645\u0627\u0646 \u0648\u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062d\u062f\u062f.\r\n<\/p>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- ===== SMG SEO FAQ ADDITION 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<div class=\"elementor-element elementor-element-33c0297 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"33c0297\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ee7473 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5ee7473\" 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 \u2014 FINAL MOBILE FIX (NO BLUE TEXT EVER)\r\n========================================================= *\/\r\n\r\n@media (max-width:1024px){\r\n\r\n  \/* REMOVE TAP HIGHLIGHT COMPLETELY *\/\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 (KILL BLUE FLASH COMPLETELY) *\/\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  \/* DELAYED COLOR CHANGE (PERFECT TIMING) *\/\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  \/* FORCE SMOOTH ANIMATION *\/\r\n  #smg-office-clean .btn::before,\r\n  #smg-office-clean .smg-map-btn a::before{\r\n    transition: transform .35s ease !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<section id=\"smg-office-clean\">\r\n  <div class=\"smg-office-container\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"smg-office-left\">\r\n      <img decoding=\"async\"\r\n        data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/SMG-ORIGINAL-LOGO-WEBSITE-WHITE-1.png\"\r\n        class=\"smg-office-logo lazyload\"\r\n        alt=\"SMG Logo\"\r\n       src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\r\n\r\n      <h2 class=\"smg-office-title\">\u0645\u0642\u0631\u0646\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/h2>\r\n\r\n      <p class=\"smg-office-address\">\r\n        \u062a\u0639\u0645\u0644 \u0634\u0631\u0643\u0629 \u0625\u0633 \u0625\u0645 \u062c\u064a \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u0644 \u0645\u0646 \u0645\u0642\u0631\u0647\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0641\u064a \u062c\u062f\u0629\u060c \u0648\u062a\u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u062f\u0648\u0644 \u0645\u062c\u0644\u0633 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0648\u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.\r\n        <br><br>\r\n        \u0627\u0644\u0645\u0643\u062a\u0628 \u0631\u0642\u0645 \u0661\u0660\u0665\u060c \u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0644\u0644\u0623\u0639\u0645\u0627\u0644<br>\r\n        \u0634\u0627\u0631\u0639 \u0627\u0644\u0623\u0645\u0627\u0646\u0629\u060c \u062c\u062f\u0629\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\r\n      <\/p>\r\n\r\n      <div class=\"smg-office-actions\">\r\n        <a href=\"\/ar\/contact\/\" class=\"btn\">\u0637\u0644\u0628 \u0639\u0631\u0636 \u0633\u0639\u0631<\/a>\r\n        <a href=\"\/ar\/contact\/\" class=\"btn btn-outline\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT -->\r\n    <div class=\"smg-office-right\">\r\n      <div class=\"smg-office-map\">\r\n\r\n        <iframe\r\n          data-src=\"https:\/\/www.google.com\/maps?q=Future%20Business%20Tower%20Al%20Amanah%20Street%20Jeddah&output=embed\"\r\n         \r\n          referrerpolicy=\"no-referrer-when-downgrade\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\">\r\n        <\/iframe>\r\n\r\n        <!-- CENTER ICON -->\r\n        <div class=\"smg-office-media\">\r\n          <img decoding=\"async\"\r\n            data-src=\"https:\/\/smgksa.net\/wp-content\/uploads\/2026\/01\/ICON-MAP.png\"\r\n            alt=\"SMG Location\"\r\n           src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1536px; --smush-placeholder-aspect-ratio: 1536\/1024;\">\r\n        <\/div>\r\n\r\n        <!-- MAP BUTTON -->\r\n        <div class=\"smg-map-btn\">\r\n          <a href=\"https:\/\/www.google.com\/maps?q=Future+Business+Tower+Al+Amanah+Street+Jeddah\" target=\"_blank\" rel=\"noopener\">\r\n            \u0639\u0631\u0636 \u0627\u0644\u0645\u0648\u0642\u0639\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82cc4e0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"82cc4e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db51069 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"db51069\" 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<\/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 About SMG Built in Saudi Arabia. Powering Logistics Across Land, Sea, and Air. SMG Logistics &#038; Transport Company operates at the core of Saudi Arabia\u2019s, the GCC\u2019s, and worldwide transportation and supply chain ecosystem. From nationwide road freight to integrated logistics solutions, we support businesses with structured, compliant, and performance-driven operations designed to move cargo reliably across the Kingdom, the GCC, and worldwide. How We Operate Logistics Built on Structure, Control, and Long-Term Reliability At SMG, logistics is not just movement \u2014 it is coordination, planning, compliance, and execution working together as one system. Our operations are designed to scale with demand, adapt to complex project requirements, and deliver consistency across every route, facility, and service layer in Saudi Arabia, the GCC, and worldwide. Nationwide Coverage. Operational Precision. SMG\u2019s advanced logistics network supports efficient freight transportation and integrated supply chain operations across Saudi Arabia, the GCC, and worldwide. With a strong focus on safety, precision, and operational reliability, we manage cargo movement seamlessly from major highways and seaports to industrial cities and distribution hubs, ensuring optimized logistics performance at every stage. Drivers &#038; Fleet Our Drivers. The Heart of Operations. At SMG, our drivers are more than vehicle operators \u2014 they are trained professionals representing discipline, precision, and dedication on every journey. They embody our commitment to excellence and reliability. Supported by a modern fleet of heavy-duty trucks and advanced logistics systems, our professional drivers operate efficiently across major cities and challenging terrains throughout Saudi Arabia, the GCC, and worldwide. Engineered Logistics Infrastructure Across Saudi Arabia, the GCC, and worldwide. Nationwide Fleet Management &#038; Heavy Transport Operations SMG Logistics &#038; Transport Company operates a fleet of over 300 GPS-tracked trucks, low-bed trailers, flatbed transport units, and specialized heavy haulage equipment delivering road freight services across Saudi Arabia. Our nationwide logistics network supports industrial cities, oil &#038; gas zones, petrochemical complexes, ports, construction sites, and infrastructure corridors with direct operational control and structured fleet supervision. Project Cargo Logistics &#038; Heavy Lift Engineering Solutions We provide engineered project logistics including route surveys, transport planning, permit coordination, oversized cargo handling, breakbulk cargo movement, and heavy lift transportation for infrastructure, energy, mining, and industrial development projects throughout Saudi Arabia. Our logistics execution ensures regulatory compliance, safety management, and precision cargo delivery. Integrated Freight Forwarding, Customs Clearance &#038; Warehousing Services Our integrated freight services combine road freight, sea freight forwarding, air cargo logistics, customs brokerage, bonded warehousing, temperature-controlled storage, hazardous cargo compliance, RO-RO handling, and multimodal transportation solutions. SMG delivers scalable, compliant, and performance-driven logistics operations across Saudi Arabia and the GCC and World region. Our Journey Building One of Saudi Arabia&#8217;s Most Trusted Logistics Fleets SMG Logistics &#038; Transport Company was established to support Saudi Arabia\u2019s rapidly growing infrastructure, industrial, and commercial logistics needs. From a focused transportation operation, SMG has evolved into a structured, nationwide logistics provider operating across key cities, ports, and industrial zones. Today, SMG operates a modern fleet of more than 300 company-owned trucks, supported by trained drivers, operational teams, and compliance systems aligned with Saudi Vision 2030. Vision To be the leading logistics partner in the Kingdom of Saudi Arabia and the GCC region by delivering innovative, secure, and reliable transportation and logistics solutions that contribute to the advancement of global trade and supply chains. Mission To empower our clients to achieve maximum operational efficiency through integrated transport and freight services, committed to the highest standards of safety and quality, supported by a specialized team and extensive expertise, ensuring precise and on-time delivery. Our Values \u2022 Safety First: Strict commitment to the highest safety standards across all our operations. \u2022 Professionalism: Delivering accurate and reliable services driven by expertise and team competence. \u2022 Compliance: Full adherence to local and international laws and regulations. \u2022 Innovation: Continuous pursuit of innovative logistics solutions to enhance performance and efficiency. \u2022 Partnership: Building strong, long-term relationships with clients and suppliers based on trust and transparency. 0 Company-Owned Trucks A scalable fleet supporting full truckload, project cargo, and long-distance transportation across Saudi Arabia, the GCC, and worldwide. 0 Years of Experience Proven operational expertise across commercial, industrial, and government logistics projects. 24\/7 Operations Continuous monitoring, coordination, and fleet control ensuring reliability and on-time delivery. 100% Saudi-Based Fully compliant operations aligned with national regulations and Saudi Vision 2030 objectives. 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. What is the best logistics company in Saudi Arabia? + Saudi Arabia has several large logistics providers supporting domestic and international cargo movement. Among professional logistics operators, SMG Logistics &#038; Transport Company delivers reliable transport solutions across Saudi Arabia, the GCC, and worldwide, supported by a fleet of 300+ trucks and experienced logistics teams handling industrial, commercial, and project cargo. Does SMG provide logistics services across all regions of Saudi Arabia? + Yes. SMG operates nationwide, connecting major commercial and industrial hubs including Jeddah, Riyadh, Dammam, and other regions. The company supports road freight, project transport, and cargo coordination across the Kingdom and neighboring GCC countries. Can SMG handle international shipping from Saudi Arabia? + SMG supports international logistics and freight coordination from Saudi Arabia to global destinations. The company assists with cargo planning, transport scheduling, documentation coordination, and cross-border logistics operations for businesses shipping internationally. What logistics services does SMG Logistics &#038; Transport Company offer? + SMG provides integrated logistics services including<\/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-5423","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 About SMG Built in Saudi Arabia. Powering Logistics Across Land, Sea, and Air. SMG Logistics &#038; Transport Company operates at the core of Saudi Arabia\u2019s, the GCC\u2019s, and worldwide transportation and supply chain ecosystem. From nationwide road freight to integrated logistics&hellip;","_links":{"self":[{"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/pages\/5423","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=5423"}],"version-history":[{"count":749,"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/pages\/5423\/revisions"}],"predecessor-version":[{"id":8625,"href":"https:\/\/smgksa.net\/ar\/wp-json\/wp\/v2\/pages\/5423\/revisions\/8625"}],"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=5423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}