{"id":13,"date":"2025-11-17T09:52:54","date_gmt":"2025-11-17T09:52:54","guid":{"rendered":"https:\/\/smart-logistics-sa.com\/?page_id=13"},"modified":"2026-01-05T11:11:48","modified_gmt":"2026-01-05T11:11:48","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/smart-logistics-sa.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca7fe17 e-con-full e-flex e-con e-parent\" data-id=\"ca7fe17\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b90259f elementor-widget elementor-widget-html\" data-id=\"b90259f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-b90259f{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd2fb83 elementor-widget elementor-widget-html\" data-id=\"bd2fb83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --brand-dark: #2B3044;\r\n    --brand-light: #D7D7D7;\r\n  }\r\n\r\n  .hero-smart {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    overflow: hidden;\r\n    font-family: \"Tajawal\", system-ui, sans-serif;\r\n    color: #ffffff;\r\n    background: #0a0c14; \/* \u062e\u0644\u0641\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u0637\u064a\u0629 \u0644\u0648 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0645\u0627 \u0627\u0634\u062a\u063a\u0644\u0634 *\/\r\n  }\r\n\r\n  \/* \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 *\/\r\n  .hero-video-wrapper {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .hero-bg-video {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* \u0623\u0648\u0641\u0631\u0644\u0627\u064a \u063a\u0627\u0645\u0642 \u0639\u0644\u0649 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 *\/\r\n  .hero-smart::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      to left,\r\n      rgba(10, 12, 20, 0.9),\r\n      rgba(10, 12, 20, 0.4)\r\n    );\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* \u0637\u0628\u0642\u0629 \u062e\u0641\u064a\u0641\u0629 \u0644\u0625\u062d\u0633\u0627\u0633 \u0627\u0644\u0625\u0636\u0627\u0621\u0629 *\/\r\n  .hero-smart::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(\r\n      circle at top right,\r\n      rgba(215, 215, 215, 0.15),\r\n      transparent 55%\r\n    );\r\n    z-index: 3;\r\n  }\r\n\r\n  .hero-inner {\r\n    position: relative;\r\n    z-index: 4;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    min-height: 100vh;\r\n    padding: 0 24px;\r\n    display: flex;\r\n    align-items: center;      \/* \u0633\u0646\u062a\u0631 \u0639\u0645\u0648\u062f\u064a *\/\r\n    justify-content: center;  \/* \u0633\u0646\u062a\u0631 \u0623\u0641\u0642\u064a *\/\r\n  }\r\n\r\n  \/* \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635 \u0641\u064a \u0627\u0644\u0646\u0635 \u0628\u062f\u0648\u0646 \u0628\u0648\u0643\u0633 *\/\r\n  .hero-content {\r\n    max-width: 620px;\r\n    text-align: center;       \/* \u0648\u0633\u0637 \u0644\u0644\u0646\u0635\u0648\u0635 *\/\r\n  }\r\n\r\n  \/* \u0627\u0644\u0644\u0648\u062c\u0648 *\/\r\n  .hero-logo {\r\n    margin: 0 auto 14px;\r\n  }\r\n\r\n  .hero-logo img {\r\n    max-width: 220px;\r\n    width: 20%;\r\n    height: auto;\r\n    display: block;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .hero-eyebrow {\r\n    font-size: 0.85rem;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: rgba(255, 255, 255, 0.75);\r\n    margin: 0 0 10px;\r\n  }\r\n\r\n  .hero-title {\r\n    font-size: clamp(26px, 3.2vw, 34px);\r\n    line-height: 1.5;\r\n    margin: 0 0 8px;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .hero-subtitle {\r\n    font-size: 0.98rem;\r\n    font-weight: 500;\r\n    margin: 0 0 18px;\r\n    color: var(--brand-light);\r\n  }\r\n\r\n  \/* \u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\r\n  .hero-actions {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    margin-top: 4px;\r\n  }\r\n\r\n  .hero-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    padding: 10px 22px;\r\n    border-radius: 999px;\r\n    font-size: 0.95rem;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition: 0.25s ease;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .hero-btn i {\r\n    font-size: 0.95rem;\r\n  }\r\n\r\n  .hero-btn-primary {\r\n    background: #ffffff;\r\n    color: var(--brand-dark);\r\n    border: 1px solid rgba(255,255,255,0.9);\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);\r\n  }\r\n\r\n  .hero-btn-primary:hover {\r\n    background: rgba(255,255,255,0.1);\r\n    color: #ffffff;\r\n    border-color: rgba(255,255,255,0.9);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .hero-btn-secondary {\r\n    background: transparent;\r\n    color: #ffffff;\r\n    border: 1px solid rgba(255,255,255,0.55);\r\n  }\r\n\r\n  .hero-btn-secondary:hover {\r\n    background: rgba(255,255,255,0.1);\r\n    border-color: rgba(255,255,255,0.9);\r\n    transform: translateY(-2px);\r\n    color: white;\r\n  }\r\n\r\n  \/* \u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n  @media (max-width: 768px) {\r\n    .hero-inner {\r\n      padding: 0 16px;\r\n    }\r\n\r\n    .hero-content {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .hero-logo img {\r\n      max-width: 180px;\r\n      width: 70%;\r\n    }\r\n\r\n    .hero-title {\r\n      font-size: 24px;\r\n    }\r\n\r\n    .hero-subtitle {\r\n      font-size: 0.86rem;\r\n    }\r\n\r\n    .hero-actions {\r\n      gap: 10px;\r\n    }\r\n\r\n    .hero-btn {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .hero-title {\r\n      font-size: 1.5rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"hero-smart\">\r\n  <!-- \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 -->\r\n  <div class=\"hero-video-wrapper\">\r\n    <video\r\n      class=\"hero-bg-video\"\r\n      src=\"https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Video-2025-12-25-at-5.19.22-PM.mp4\"\r\n      autoplay\r\n muted\r\n loop\r\n playsinline\r\n><\/video>\r\n  <\/div>\r\n\r\n  <div class=\"hero-inner\">\r\n    <div class=\"hero-content\">\r\n      <div class=\"hero-logo\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/11\/Option-1-LOGO2-01-scaled.webp\"\r\n          alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629\"\r\n          loading=\"lazy\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <p class=\"hero-eyebrow\">Smart Logistics City \u2022 Western Region<\/p>\r\n\r\n      <h1 class=\"hero-title\">\r\nThe new generation of logistics cities      <\/h1>\r\n\r\n      <h2 class=\"hero-subtitle\">\r\n        Smart warehouses, integrated support services, and a logistics infrastructure ready for growth.\r\n      <\/h2>\r\n\r\n      <div class=\"hero-actions\">\r\n        <!-- \u063a\u064a\u0651\u0631 \u0631\u0627\u0628\u0637 \u0627\u0644\u0628\u0631\u0648\u0634\u0648\u0631 \u0647\u0646\u0627 -->\r\n        <a\r\n          href=\"https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2026\/01\/smart-logistics-city-profile.pdf\"\r\n          class=\"hero-btn hero-btn-primary\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          <i class=\"fa-solid fa-file-arrow-down\"><\/i>\r\n          <span>Download Company Profile<\/span>\r\n        <\/a>\r\n\r\n        <a\r\n          href=\"https:\/\/smart-logistics-sa.com\/en\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\"\r\n          class=\"hero-btn hero-btn-secondary\"\r\n        >\r\n          <i class=\"fa-solid fa-headset\"><\/i>\r\n          <span>Contact us<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Font Awesome \u0644\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a (\u0644\u0648 \u0645\u0634 \u0645\u0636\u0627\u0641 \u0642\u0628\u0644 \u0643\u062f\u0647) -->\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\r\n\/>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-792a438 elementor-widget elementor-widget-html\" data-id=\"792a438\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --brand-dark: #2B3044;\r\n    --brand-light: #D7D7D7;\r\n    --section-bg: #F4F5F7;\r\n  }\r\n\r\n  .about-section {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 80px 0;\r\n    background:color:white;\r\n    font-family: \"Tajawal\", system-ui, sans-serif;\r\n    color: var(--brand-dark);\r\n  }\r\n\r\n  .about-container {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 48px;\r\n  }\r\n\r\n  .about-copy {\r\n    flex: 1.1;\r\n    order: 1;\r\n    position: relative;\r\n  }\r\n\r\n  .about-media {\r\n    flex: 1;\r\n    order: 2;\r\n    position: relative;\r\n  }\r\n\r\n  \/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a \u0627\u0644\u062c\u0627\u0646\u0628\u064a *\/\r\n  .about-copy::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-inline-start: -22px;\r\n    top: 6px;\r\n    width: 3px;\r\n    height: 70px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(to bottom, var(--brand-dark), var(--brand-light));\r\n    opacity: 0.85;\r\n  }\r\n\r\n  \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u062e\u0637 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n  @media (max-width: 600px) {\r\n    .about-copy::before {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .about-chip {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 4px 12px 5px;\r\n    border-radius: 999px;\r\n    background: rgba(43,48,68,0.04);\r\n    border: 1px solid rgba(43,48,68,0.12);\r\n    font-size: 0.8rem;\r\n    color: #555;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .about-chip-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 999px;\r\n    background: #42D39C;\r\n    box-shadow: 0 0 8px rgba(66,211,156,0.9);\r\n  }\r\n\r\n  .about-title {\r\n    font-size: 2rem;\r\n    margin: 0 0 8px;\r\n    line-height: 1.2;\r\n    color: var(--brand-dark);\r\n    letter-spacing: 0.03em;\r\n  }\r\n\r\n  .about-title span {\r\n    display: inline-block;\r\n    padding: 2px 8px;\r\n    margin-inline-start: 4px;\r\n    border-radius: 999px;\r\n    background: rgba(215,215,215,0.55);\r\n    font-size: 0.85rem;\r\n    vertical-align: middle;\r\n    color: #333;\r\n  }\r\n\r\n  .about-subtitle {\r\n    font-size: 1rem;\r\n    margin: 0 0 14px;\r\n    color: #6B6F80;\r\n  }\r\n\r\n  .about-text {\r\n    font-size: 0.95rem;\r\n    line-height: 1.9;\r\n    color: #3F4352;\r\n    margin: 0 0 18px;\r\n    text-align: justify;\r\n  }\r\n\r\n  .about-highlights {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 10px 18px;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  .about-highlights li {\r\n    list-style: none;\r\n    font-size: 0.9rem;\r\n    color: #4A4E5E;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  .about-highlights li::before {\r\n    content: \"\u25a2\";\r\n    font-size: 0.7rem;\r\n    color: var(--brand-dark);\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .about-image-wrapper {\r\n    position: relative;\r\n    max-width: 480px;\r\n    margin-inline-start: auto;\r\n  }\r\n\r\n  .about-image-wrapper::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 18px -18px -18px 18px;\r\n    border-radius: 22px;\r\n    background: linear-gradient(\r\n      135deg,\r\n      rgba(43,48,68,0.09),\r\n      rgba(215,215,215,0.35)\r\n    );\r\n    z-index: 1;\r\n  }\r\n\r\n  .about-image-main {\r\n    position: relative;\r\n    z-index: 2;\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n    box-shadow:\r\n      0 18px 40px rgba(0,0,0,0.25),\r\n      0 0 0 1px rgba(255,255,255,0.6);\r\n  }\r\n\r\n  .about-image-main img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    transform: scale(1.03);\r\n    transition: transform 0.5s ease, filter 0.5s ease;\r\n    filter: saturate(1.05) contrast(1.03);\r\n  }\r\n\r\n  .about-image-main::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle at top left, rgba(255,255,255,0.26), transparent 55%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .about-image-main:hover img {\r\n    transform: scale(1.06);\r\n    filter: saturate(1.09) contrast(1.08);\r\n  }\r\n\r\n  .about-tag {\r\n    position: absolute;\r\n    inset-inline-end: 18px;\r\n    bottom: 10px;\r\n    z-index: 3;\r\n    padding: 6px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(10,12,20,0.78);\r\n    color: #F5F5F5;\r\n    font-size: 0.75rem;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(215,215,215,0.3);\r\n  }\r\n\r\n  .about-tag i {\r\n    font-size: 0.85rem;\r\n    color: var(--brand-light);\r\n  }\r\n\r\n  @media (max-width: 960px) {\r\n    .about-container {\r\n      flex-direction: column-reverse;\r\n      gap: 32px;\r\n    }\r\n    .about-copy {\r\n      order: 2;\r\n    }\r\n    .about-media {\r\n      order: 1;\r\n    }\r\n    .about-image-wrapper {\r\n      max-width: 100%;\r\n      margin-inline-start: 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .about-section {\r\n      padding: 60px 0;\r\n    }\r\n    .about-title {\r\n      font-size: 1.6rem;\r\n    }\r\n    .about-highlights {\r\n      grid-template-columns: 1fr;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"about-section\" id=\"about\">\r\n  <div class=\"about-container\">\r\n\r\n    <div class=\"about-copy\">\r\n      <div class=\"about-chip\">\r\n        <span class=\"about-chip-dot\"><\/span>\r\n        <span>Who we are \u2022 Smart Logistics City<\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"about-title\">\r\n        Intelligent logistics structure\r\n        <span>Western region<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"about-subtitle\">\r\n        An integrated logistics city that links smart warehouses and supporting services in one system.\r\n      <\/p>\r\n\r\n      <p class=\"about-text\">\r\n        Smart Logistics City is the first in the Western Region and a leader in providing innovative logistics solutions across...\nSmart warehouses and integrated support services. We provide comprehensive services to all commercial and industrial sectors,\nWe look forward to providing an integrated logistics environment that meets customers\u2019 needs in an effective, safe, and smart manner.\nWe understand the importance of modern technology in enhancing warehousing and transportation operations, which is why we incorporate robotic systems\nSmart, smart surveillance cameras and integrated inventory management to ensure the best performance.\r\n      <\/p>\r\n\r\n      <ul class=\"about-highlights\">\r\n        <li>Smart warehouses and support services in one place.<\/li>\r\n        <li>Integrated solutions for commercial and industrial sectors.<\/li>\r\n        <li>Integrating robots, smart cameras, and inventory systems.<\/li>\r\n        <li>An efficient, safe and intelligent logistics environment for future growth.<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <div class=\"about-media\">\r\n      <div class=\"about-image-wrapper\">\r\n        <div class=\"about-image-main\">\r\n          <img decoding=\"async\" src=\"https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/11\/\u0645\u0646-\u0646\u062d\u0646-2-1.webp\"\r\n               alt=\"\u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 - \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a\">\r\n        <\/div>\r\n\r\n        <div class=\"about-tag\">\r\n          <i class=\"fa-solid fa-truck-fast\"><\/i>\r\n          <span>A warehouse network that links storage to movement<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<link rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41c84bb elementor-widget elementor-widget-html\" data-id=\"41c84bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Logistics Smart City - Fullscreen Welcome -->\r\n<div id=\"lsc-welcome\" class=\"lsc-fullscreen-overlay\" dir=\"rtl\">\r\n  <div class=\"lsc-content\">\r\n    <div class=\"lsc-logo-wrap\">\r\n      <div class=\"lsc-logo-pulse\"><\/div>\r\n      <div class=\"lsc-logo-pulse lsc-logo-pulse-2\"><\/div>\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/12\/Screenshot_2025-11-17_114935-removebg-preview__1_-removebg-preview-1.webp\"\r\n        alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629\"\r\n        class=\"lsc-logo-img\"\r\n        loading=\"lazy\"\r\n      \/>\r\n    <\/div>\r\n\r\n    <h1 class=\"lsc-title\">Welcome to the smart logistics city<\/h1>\r\n    <p class=\"lsc-text\">\r\n      Smart logistics solutions linking storage to movement in the Western Region,\nWith smart warehouses, integrated support services, and a logistics infrastructure ready for growth\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  :root {\r\n    --lsc-bg-main: #313548;   \/* \u0644\u0648\u0646 \u0627\u0644\u0647\u0648\u064a\u0629 *\/\r\n    --lsc-bg-dark: #181924;\r\n    --lsc-bg-deep: #050609;\r\n\r\n    --lsc-neon-1: #5cc6ff;\r\n    --lsc-neon-2: #6b7bff;\r\n    --lsc-neon-3: #b38cff;\r\n\r\n    --lsc-text-main: #ffffff;\r\n    --lsc-text-soft: #e5e7eb;\r\n  }\r\n\r\n  \/* ====== OVERLAY \u0639\u0627\u0645 ====== *\/\r\n  .lsc-fullscreen-overlay {\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    text-align: center;\r\n    color: var(--lsc-text-main);\r\n    font-family: \"Cairo\", \"Tajawal\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    overflow: hidden;\r\n    opacity: 1;\r\n    visibility: visible;\r\n    background:\r\n      radial-gradient(circle at top, #444861 0%, var(--lsc-bg-main) 30%, var(--lsc-bg-dark) 65%, var(--lsc-bg-deep) 100%);\r\n    transition: opacity 0.7s ease, visibility 0.7s ease;\r\n  }\r\n\r\n  .lsc-fullscreen-overlay.lsc-hide {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u062e\u0644\u0641\u064a\u0629 \u0645\u062a\u062d\u0631\u0643\u0629 (\u0623\u0648\u0631\u0648\u0631\u0627 + \u062e\u0637\u0648\u0637 \u0636\u0648\u0621) *\/\r\n  .lsc-fullscreen-overlay::before,\r\n  .lsc-fullscreen-overlay::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -40%;\r\n    pointer-events: none;\r\n    mix-blend-mode: screen;\r\n  }\r\n\r\n  \/* \u0623\u0648\u0631\u0648\u0631\u0627 \u0646\u064a\u0648\u0646 *\/\r\n  .lsc-fullscreen-overlay::before {\r\n    background:\r\n      radial-gradient(circle at 10% 0%, rgba(92, 198, 255, 0.8), transparent 50%),\r\n      radial-gradient(circle at 80% 100%, rgba(179, 140, 255, 0.75), transparent 50%);\r\n    filter: blur(10px);\r\n    opacity: 0.8;\r\n    animation: lsc-aurora-move 18s ease-in-out infinite alternate;\r\n  }\r\n\r\n  \/* \u0634\u0639\u0627\u0639 \u0636\u0648\u0626\u064a \u064a\u0644\u0641 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\r\n  .lsc-fullscreen-overlay::after {\r\n    background:\r\n      conic-gradient(\r\n        from 0deg,\r\n        rgba(92, 198, 255, 0.0),\r\n        rgba(92, 198, 255, 0.3),\r\n        rgba(107, 123, 255, 0.0),\r\n        rgba(179, 140, 255, 0.25),\r\n        rgba(92, 198, 255, 0.0)\r\n      );\r\n    filter: blur(25px);\r\n    opacity: 0.5;\r\n    animation: lsc-light-ring 24s linear infinite;\r\n  }\r\n\r\n  @keyframes lsc-aurora-move {\r\n    0% {\r\n      transform: translate3d(-6%, -4%, 0) scale(1);\r\n    }\r\n    50% {\r\n      transform: translate3d(6%, 6%, 0) scale(1.1);\r\n    }\r\n    100% {\r\n      transform: translate3d(-3%, 3%, 0) scale(1.05);\r\n    }\r\n  }\r\n\r\n  @keyframes lsc-light-ring {\r\n    0% {\r\n      transform: rotate(0deg) scale(1.05);\r\n    }\r\n    100% {\r\n      transform: rotate(360deg) scale(1.05);\r\n    }\r\n  }\r\n\r\n  .lsc-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    padding: 0 1.5rem;\r\n    max-width: 90vw;\r\n    animation: lsc-enter 0.8s ease-out both;\r\n  }\r\n\r\n  @keyframes lsc-enter {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateY(20px) scale(0.96);\r\n      filter: blur(6px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateY(0) scale(1);\r\n      filter: blur(0);\r\n    }\r\n  }\r\n\r\n  \/* ====== \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062e\u0631\u0648\u062c ====== *\/\r\n  .lsc-fullscreen-overlay.lsc-exit .lsc-content {\r\n    animation: lsc-exit 0.8s ease-in forwards;\r\n  }\r\n\r\n  .lsc-fullscreen-overlay.lsc-exit .lsc-logo-pulse {\r\n    animation-play-state: paused;\r\n    opacity: 0.3;\r\n  }\r\n\r\n  @keyframes lsc-exit {\r\n    0% {\r\n      opacity: 1;\r\n      transform: translateY(0) scale(1);\r\n      filter: blur(0);\r\n    }\r\n    100% {\r\n      opacity: 0;\r\n      transform: translateY(-25px) scale(0.85);\r\n      filter: blur(8px);\r\n    }\r\n  }\r\n\r\n  \/* ====== LOGO & EFFECTS ====== *\/\r\n  .lsc-logo-wrap {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 1.2rem;\r\n  }\r\n\r\n  \/* \u062f\u0648\u0627\u0626\u0631 \u0646\u0628\u0636\u064a\u0629 \u062e\u0644\u0641 \u0627\u0644\u0644\u0648\u062c\u0648 *\/\r\n  .lsc-logo-pulse {\r\n    position: absolute;\r\n    width: clamp(130px, 32vw, 210px);\r\n    height: clamp(130px, 32vw, 210px);\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    box-shadow:\r\n      0 0 25px rgba(92, 198, 255, 0.8),\r\n      0 0 45px rgba(179, 140, 255, 0.8);\r\n    animation: lsc-pulse-ring 2.6s ease-out infinite;\r\n  }\r\n\r\n  .lsc-logo-pulse-2 {\r\n    animation-delay: 0.9s;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  @keyframes lsc-pulse-ring {\r\n    0% {\r\n      transform: scale(0.65);\r\n      opacity: 0.0;\r\n    }\r\n    40% {\r\n      opacity: 0.9;\r\n    }\r\n    100% {\r\n      transform: scale(1.35);\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  .lsc-logo-img {\r\n    position: relative;\r\n    width: clamp(90px, 22vw, 150px);\r\n    height: auto;\r\n    display: block;\r\n    transform-origin: center;\r\n    filter:\r\n      drop-shadow(0 0 18px rgba(148, 163, 255, 0.95))\r\n      drop-shadow(0 0 40px rgba(92, 198, 255, 0.85));\r\n    animation:\r\n      lsc-logo-float 3s ease-in-out infinite,\r\n      lsc-logo-tilt 7s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes lsc-logo-float {\r\n    0%, 100% {\r\n      transform: translateY(0);\r\n    }\r\n    50% {\r\n      transform: translateY(-10px);\r\n    }\r\n  }\r\n\r\n  @keyframes lsc-logo-tilt {\r\n    0%, 100% {\r\n      transform: perspective(900px) rotateY(0deg) rotateX(0deg);\r\n    }\r\n    25% {\r\n      transform: perspective(900px) rotateY(10deg) rotateX(-5deg);\r\n    }\r\n    50% {\r\n      transform: perspective(900px) rotateY(0deg) rotateX(0deg);\r\n    }\r\n    75% {\r\n      transform: perspective(900px) rotateY(-10deg) rotateX(5deg);\r\n    }\r\n  }\r\n\r\n  \/* ====== TEXT ====== *\/\r\n  .lsc-title {\r\n    margin: 0 0 0.6rem;\r\n    font-size: clamp(20px, 3vw, 26px);\r\n    letter-spacing: 0.04em;\r\n    line-height: 1.4;\r\n    color: var(--lsc-text-main);\r\n    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);\r\n  }\r\n\r\n  .lsc-text {\r\n    margin: 0;\r\n    font-size: clamp(12px, 1.6vw, 15px);\r\n    line-height: 1.9;\r\n    color: var(--lsc-text-soft);\r\n    text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);\r\n  }\r\n\r\n  \/* \u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n  @media (max-width: 480px) {\r\n    .lsc-content {\r\n      padding-inline: 1rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ \u0639\u0631\u0636 \u062b\u0645 \u062e\u0631\u0648\u062c \u0623\u0646\u064a\u0645\u064a\u062a\u064a\u062f\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    var overlay = document.getElementById(\"lsc-welcome\");\r\n    if (!overlay) return;\r\n\r\n    \/\/ \u0628\u0639\u062f ~2.4 \u062b\u0627\u0646\u064a\u0629 \u0646\u0628\u062f\u0623 \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u062e\u0631\u0648\u062c\r\n    setTimeout(function () {\r\n      overlay.classList.add(\"lsc-exit\");\r\n\r\n      \/\/ \u0628\u0639\u062f \u0627\u0646\u062a\u0647\u0627\u0621 \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u062e\u0631\u0648\u062c \u0646\u062e\u0641\u0651\u064a \u0627\u0644\u0623\u0648\u0641\u0631\u0644\u0627\u064a \u062a\u062f\u0631\u064a\u062c\u064a\u064b\u0627\r\n      setTimeout(function () {\r\n        overlay.classList.add(\"lsc-hide\");\r\n      }, 800); \/\/ \u0646\u0641\u0633 \u0645\u062f\u0629 @keyframes lsc-exit\r\n    }, 2400);\r\n\r\n    \/\/ \u0628\u0639\u062f \u0627\u062e\u062a\u0641\u0627\u0621 \u0627\u0644\u0623\u0648\u0641\u0631\u0644\u0627\u064a \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0646\u0634\u064a\u0644\u0647 \u0645\u0646 \u0627\u0644\u0640 DOM\r\n    overlay.addEventListener(\"transitionend\", function (e) {\r\n      if (e.propertyName === \"opacity\") {\r\n        if (overlay && overlay.parentNode) {\r\n          overlay.parentNode.removeChild(overlay);\r\n        }\r\n      }\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c879d55 elementor-widget elementor-widget-html\" data-id=\"c879d55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --brand-dark: #2B3044;\r\n    --brand-light: #D7D7D7;\r\n    --brand-accent: #2B3044;\r\n  }\r\n\r\n  \/* \u0633\u0643\u0634\u0646 \u0645\u0627\u0630\u0627 \u0646\u0642\u062f\u0645 \u2013 \u0633\u062a\u0627\u064a\u0644 \u0645\u0633\u062a\u0642\u0644 *\/\r\n  .sl-services-section {\r\n    padding: 80px 0;\r\n    background:\r\n      radial-gradient(circle at top left, rgba(215,215,215,0.07), transparent 55%),\r\n      linear-gradient(135deg, #0D1018, #171A24);\r\n    font-family: \"Tajawal\", sans-serif;\r\n    color: #F5F5F7;\r\n  }\r\n\r\n  .sl-services-container {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0647\u064a\u062f\u0631 \u2013 \u062a\u0627\u064a\u062a\u0644 + \u0633\u0628 \u062a\u0627\u064a\u062a\u0644 \u0641\u064a \u062f\u0627\u064a\u0631\u0629 *\/\r\n  .sl-services-head {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .sl-services-chip {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 4px 14px 6px;\r\n    border-radius: 999px;\r\n    background: rgba(10, 12, 20, 0.75);\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n    font-size: 0.85rem;\r\n    color: #E5E7F0;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .sl-services-chip-dot {\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 999px;\r\n    background: var(--brand-dark);\r\n    box-shadow: 0 0 8px rgba(43,48,68,0.9);\r\n  }\r\n\r\n  .sl-services-title {\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    margin: 0 0 8px;\r\n    color: #FFFFFF;\r\n  }\r\n\r\n  .sl-services-sub {\r\n    font-size: 1rem;\r\n    color: #C9CBD4;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0634\u0628\u0643\u0629 *\/\r\n  .sl-services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 26px;\r\n    margin-top: 36px;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n  .sl-service-card {\r\n    position: relative;\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    background: radial-gradient(circle at top, rgba(255,255,255,0.05), transparent 55%);\r\n    border: 1px solid rgba(255,255,255,0.07);\r\n    box-shadow: 0 18px 35px rgba(0,0,0,0.55);\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 260px;\r\n    transform: translateY(0);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\r\n    animation: sl-service-fade-up 0.7s ease-out both;\r\n  }\r\n\r\n  .sl-service-card:nth-child(2) {\r\n    animation-delay: 0.12s;\r\n  }\r\n\r\n  .sl-service-card:nth-child(3) {\r\n    animation-delay: 0.22s;\r\n  }\r\n\r\n  @keyframes sl-service-fade-up {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(16px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  \/* \u0635\u0648\u0631\u0629 \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n  .sl-service-media {\r\n    position: relative;\r\n    height: 150px;\r\n    background:\r\n      linear-gradient(to top, rgba(0,0,0,0.72), transparent 55%),\r\n      var(--sl-service-image) center center \/ cover no-repeat;\r\n    overflow: hidden;\r\n    transition: transform 0.35s ease;\r\n  }\r\n\r\n  .sl-service-media::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle at top right, rgba(255,255,255,0.17), transparent 55%);\r\n    opacity: 0.9;\r\n    mix-blend-mode: screen;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sl-service-card:hover .sl-service-media {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n  .sl-service-body {\r\n    padding: 18px 18px 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    flex: 1;\r\n  }\r\n\r\n  .sl-service-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 3px 10px 4px;\r\n    border-radius: 999px;\r\n    background: rgba(0,0,0,0.35);\r\n    border: 1px solid rgba(255,255,255,0.12);\r\n    font-size: 18px;\r\n    color: #E7E8EE;\r\n  }\r\n\r\n  .sl-service-tag i {\r\n    font-size: 0.8rem;\r\n    color: var(--brand-light);\r\n  }\r\n\r\n  .sl-service-title {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    margin: 4px 0 0;\r\n    color: #FFFFFF;\r\n  }\r\n\r\n  .sl-service-desc {\r\n    font-size: 0.9rem;\r\n    color: #D3D5DE;\r\n    line-height: 1.8;\r\n    margin: 4px 0 10px;\r\n    text-align: justify;\r\n  }\r\n\r\n  \/* \u0632\u0631 \u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u062f\u0627\u062e\u0644 \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n  .sl-service-footer {\r\n    margin-top: auto;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .sl-service-btn {\r\n    padding: 8px 18px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,0.65);\r\n    background: rgba(10,12,20,0.5);\r\n    color: #F5F5F7;\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    text-decoration: none;\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    transition: 0.25s ease;\r\n  }\r\n\r\n  .sl-service-btn i {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .sl-service-btn:hover {\r\n    background: #F5F5F5;\r\n    color: var(--brand-dark);\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 10px 22px rgba(0,0,0,0.55);\r\n  }\r\n\r\n  .sl-service-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 24px 45px rgba(0,0,0,0.75);\r\n    border-color: rgba(255,255,255,0.22);\r\n  }\r\n\r\n  \/* \u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u062a\u0627\u0628\u0644\u062a *\/\r\n  @media (max-width: 992px) {\r\n    .sl-services-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .sl-services-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .sl-services-section {\r\n      padding: 64px 0;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sl-services-section\" id=\"services\">\r\n  <div class=\"sl-services-container\">\r\n\r\n    <div class=\"sl-services-head\">\r\n      <div class=\"sl-services-chip\">\r\n        <span class=\"sl-services-chip-dot\"><\/span>\r\n        <span>What we offer<\/span>\r\n      <\/div>\r\n      <h2 class=\"sl-services-title\">A comprehensive logistics system that supports the growth of your business<\/h2>\r\n      <p class=\"sl-services-sub\">\r\n        We provide comprehensive logistics solutions including smart warehouses, support services, inventory management and transportation\nWithin a single operating model.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sl-services-grid\">\r\n\r\n      <!-- \u0643\u0627\u0631\u062a 1: \u062a\u0623\u062c\u064a\u0631 \u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0630\u0643\u064a\u0629 -->\r\n      <article class=\"sl-service-card\">\r\n        <div class=\"sl-service-media\"\r\n             style=\"--sl-service-image: url('https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/11\/\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a-\u0630\u0643\u064a\u0629.webp');\">\r\n        <\/div>\r\n        <div class=\"sl-service-body\">\r\n          <div class=\"sl-service-tag\">\r\n            <i class=\"fa-solid fa-warehouse\"><\/i>\r\n            <span>Smart warehouse rental<\/span>\r\n          <\/div>\r\n          <h3 class=\"sl-service-title\">Dry and refrigerated warehouses<\/h3>\r\n          <p class=\"sl-service-desc\">\r\n            Providing dry and refrigerated warehouses with multiple spaces to suit various activities, with supporting equipment\nTo store sensitive products and general products within a safe and organized environment.\r\n          <\/p>\r\n          <div class=\"sl-service-footer\">\r\n            <a href=\"https:\/\/smart-logistics-sa.com\/en\/%d8%aa%d8%a3%d8%ac%d9%8a%d8%b1-%d9%85%d8%b3%d8%aa%d9%88%d8%af%d8%b9%d8%a7%d8%aa-%d8%b0%d9%83%d9%8a%d8%a9\/\" class=\"sl-service-btn\">\r\n              <span>Learn more<\/span>\r\n              <i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u0643\u0627\u0631\u062a 2: \u062e\u062f\u0645\u0627\u062a \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 -->\r\n      <article class=\"sl-service-card\">\r\n        <div class=\"sl-service-media\"\r\n             style=\"--sl-service-image: url('https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/11\/\u062e\u062f\u0645\u0627\u062a-\u0644\u0648\u062c\u064a\u0633\u062a\u064a\u0629-\u0645\u062a\u0643\u0627\u0645\u0644\u0629.webp');\">\r\n        <\/div>\r\n        <div class=\"sl-service-body\">\r\n          <div class=\"sl-service-tag\">\r\n            <i class=\"fa-solid fa-route\"><\/i>\r\n            <span>Integrated logistics services<\/span>\r\n          <\/div>\r\n          <h3 class=\"sl-service-title\">Store, move, and manage intelligent inventory<\/h3>\r\n          <p class=\"sl-service-desc\">\r\n            Logistics solutions that cover the entire business cycle from storage through transportation to smart inventory management.\nTo ensure a smooth flow of operations, reduce waste, and improve the level of service to customers.\r\n          <\/p>\r\n          <div class=\"sl-service-footer\">\r\n            <a href=\"https:\/\/smart-logistics-sa.com\/en\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa-%d9%84%d9%88%d8%ac%d8%b3%d8%aa%d9%8a%d8%a9-%d9%85%d8%aa%d9%83%d8%a7%d9%85%d9%84%d8%a9\/\" class=\"sl-service-btn\">\r\n              <span>Learn more<\/span>\r\n              <i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u0643\u0627\u0631\u062a 3: \u062e\u062f\u0645\u0627\u062a \u0645\u0633\u0627\u0646\u062f\u0629 -->\r\n      <article class=\"sl-service-card\">\r\n        <div class=\"sl-service-media\"\r\n             style=\"--sl-service-image: url('https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/11\/\u062e\u062f\u0645\u0627\u062a-\u0645\u0633\u0627\u0646\u062f\u0629.webp');\">\r\n        <\/div>\r\n        <div class=\"sl-service-body\">\r\n          <div class=\"sl-service-tag\">\r\n            <i class=\"fa-solid fa-boxes-packing\"><\/i>\r\n            <span>Support services<\/span>\r\n          <\/div>\r\n          <h3 class=\"sl-service-title\">Packaging, clearing, and mailing<\/h3>\r\n          <p class=\"sl-service-desc\">\r\n            A group of support services including packaging, customs clearance, and postal services such as Sabil,\nIn addition to printing and light workshops to support logistical work in one place.\r\n          <\/p>\r\n          <div class=\"sl-service-footer\">\r\n            <a href=\"https:\/\/smart-logistics-sa.com\/en\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa-%d9%85%d8%b3%d8%a7%d9%86%d8%af%d8%a9-2\/\" class=\"sl-service-btn\">\r\n              <span>Learn more<\/span>\r\n              <i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<link rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5607da9 e-flex e-con-boxed e-con e-child\" data-id=\"5607da9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc08522 elementor-widget elementor-widget-html\" data-id=\"dc08522\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --brand-dark: #2B3044;\r\n    --brand-light: #D7D7D7;\r\n    --card-bg: #FFFFFF;\r\n  }\r\n\r\n  .smart-hero-section {\r\n    width: 100%;\r\n    padding: 0px 0;\r\n    font-family: \"Tajawal\", sans-serif;\r\n    color: var(--brand-dark);\r\n  }\r\n\r\n  .smart-hero-container {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .smart-hero-header {\r\n    text-align: center;\r\n  }\r\n\r\n  .smart-hero-chip {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 4px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(43,48,68,0.05);\r\n    border: 1px solid rgba(43,48,68,0.15);\r\n    font-size: 0.82rem;\r\n    color: var(--brand-dark);\r\n  }\r\n\r\n  .smart-hero-chip-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 999px;\r\n    background: var(--brand-dark);\r\n    box-shadow: 0 0 7px rgba(43,48,68,0.7);\r\n  }\r\n\r\n  .smart-hero-title {\r\n    font-size: 2rem;\r\n    margin: 14px 0 6px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .smart-hero-title {\r\n      font-size: 1.6rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"smart-hero-section\">\r\n  <div class=\"smart-hero-container\">\r\n\r\n    <div class=\"smart-hero-header\">\r\n      <div class=\"smart-hero-chip\">\r\n        <span class=\"smart-hero-chip-dot\"><\/span>\r\n        <span> Smart logistics city<\/span>\r\n      <\/div>\r\n      <h2 class=\"smart-hero-title\">Smart Logistics City: The future of integrated logistics   <\/h2>\r\n      <p>In the heart of the Western Region, our smart logistics city stands out as the first pioneering model that combines smart warehouses and supporting services into one cohesive system. We are committed to providing innovative solutions that meet the needs of the commercial and industrial sectors, by incorporating the latest technology<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f60d89 elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"0f60d89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d690bd1 elementor-widget elementor-widget-html\" data-id=\"d690bd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --brand-dark: #2B3044;\r\n    --brand-light: #D7D7D7;\r\n    --card-bg: #FFFFFF;\r\n  }\r\n\r\n  .features-section {\r\n    width: 100%;\r\n    padding: 80px 0;\r\n    background:\r\n      radial-gradient(circle at top left, rgba(215,215,215,0.35), transparent 55%),\r\n      linear-gradient(to bottom, #FFFFFF, #F7F7F7);\r\n    font-family: \"Tajawal\", sans-serif;\r\n    color: var(--brand-dark);\r\n  }\r\n\r\n  .features-container {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  .features-header {\r\n    text-align: center;\r\n    margin-bottom: 48px;\r\n  }\r\n\r\n  .features-chip {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 4px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(43,48,68,0.05);\r\n    border: 1px solid rgba(43,48,68,0.15);\r\n    font-size: 0.82rem;\r\n    color: var(--brand-dark);\r\n  }\r\n\r\n  .features-chip-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 999px;\r\n    background: var(--brand-dark);\r\n    box-shadow: 0 0 7px rgba(43,48,68,0.7);\r\n  }\r\n\r\n  .features-title {\r\n    font-size: 2rem;\r\n    margin: 14px 0 6px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 24px;\r\n  }\r\n\r\n  .feature-card {\r\n    background: var(--card-bg);\r\n    padding: 24px 20px 20px;\r\n    border-radius: 18px;\r\n    border: 1px solid rgba(43,48,68,0.15);\r\n    box-shadow:\r\n      0 10px 25px rgba(0,0,0,0.08),\r\n      0 0 0 1px rgba(255,255,255,0.6);\r\n    transition: 0.35s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 6px;\r\n  }\r\n\r\n  .feature-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow:\r\n      0 18px 40px rgba(0,0,0,0.12),\r\n      0 0 0 1px rgba(255,255,255,0.8);\r\n  }\r\n\r\n  .feature-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: 14px;\r\n    background: rgba(43,48,68,0.08);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 1.4rem;\r\n    color: var(--brand-dark);\r\n    margin-bottom: 14px;\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  .feature-card:hover .feature-icon {\r\n    background: var(--brand-dark);\r\n    color: var(--brand-light);\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  .feature-card h3 {\r\n    font-size: 1.15rem;\r\n    margin-bottom: 4px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .feature-card p {\r\n    font-size: 0.92rem;\r\n    line-height: 1.75;\r\n    text-align: justify;\r\n    color: #4A4E5E;\r\n    margin: 0 0 8px;\r\n  }\r\n\r\n  \/* \u0632\u0631 \u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f *\/\r\n  .feature-link {\r\n    margin-top: auto;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 0.88rem;\r\n    font-weight: 600;\r\n    color: var(--brand-dark);\r\n    text-decoration: none;\r\n    padding: 6px 10px;\r\n    border-radius: 999px;\r\n    background: rgba(43,48,68,0.04);\r\n    border: 1px solid rgba(43,48,68,0.18);\r\n    transition: 0.3s ease;\r\n  }\r\n\r\n  .feature-link i {\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .feature-card:hover .feature-link {\r\n    background: var(--brand-dark);\r\n    color: var(--brand-light);\r\n    border-color: var(--brand-dark);\r\n  }\r\n\r\n  \/* \u0631\u064a\u0633\u0628\u0648\u0646\u0633\u064a\u0641 *\/\r\n  @media (max-width: 992px) {\r\n    .features-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .features-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .features-title {\r\n      font-size: 1.6rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"features-section\">\r\n  <div class=\"features-container\">\r\n\r\n    <div class=\"features-header\">\r\n      <div class=\"features-chip\">\r\n        <span class=\"features-chip-dot\"><\/span>\r\n        <span>Features of the smart logistics city<\/span>\r\n      <\/div>\r\n      <h2 class=\"features-title\">Features that make your logistics operations stronger<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"features-grid\">\r\n\r\n      <!-- \u062a\u0642\u0646\u064a\u0627\u062a \u0630\u0643\u064a\u0629 -->\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <i class=\"fa-solid fa-robot\"><\/i>\r\n        <\/div>\r\n        <h3>Smart technologies<\/h3>\r\n        <p>\r\n          Intelligent inventory management systems and modern robots improve performance and reduce operational errors.\r\n        <\/p>\r\n        <a href=\"https:\/\/smart-logistics-sa.com\/en\/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d8%b0%d9%83%d9%8a%d8%a9\/\"\r\n           class=\"feature-link\">\r\n          <span>Learn more<\/span>\r\n          <i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- \u0623\u0645\u0627\u0646 \u0645\u062a\u0643\u0627\u0645\u0644 -->\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n        <\/div>\r\n        <h3>Integrated security<\/h3>\r\n        <p>\r\n          Advanced surveillance cameras, electronic gates, and smart weighing scales ensure the highest levels of security for warehouses.\r\n        <\/p>\r\n        <a href=\"https:\/\/smart-logistics-sa.com\/en\/%d8%a3%d9%85%d8%a7%d9%86-%d9%85%d8%aa%d9%83%d8%a7%d9%85%d9%84\/\"\r\n           class=\"feature-link\">\r\n          <span>Learn more<\/span>\r\n          <i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- \u0645\u0631\u0648\u0646\u0629 \u0641\u064a \u0627\u0644\u062a\u062e\u0632\u064a\u0646 -->\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <i class=\"fa-solid fa-warehouse\"><\/i>\r\n        <\/div>\r\n        <h3>Flexibility in storage<\/h3>\r\n        <p>\r\n          Warehouses of multiple sizes, with frequent floors, suitable for light and heavy products of all categories.\r\n        <\/p>\r\n        <a href=\"https:\/\/smart-logistics-sa.com\/en\/%d9%85%d8%b1%d9%88%d9%86%d8%a9-%d9%81%d9%8a-%d8%a7%d9%84%d8%aa%d8%ae%d8%b2%d9%8a%d9%86\/\"\r\n           class=\"feature-link\">\r\n          <span>Learn more<\/span>\r\n          <i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- \u062e\u062f\u0645\u0627\u062a \u0634\u062d\u0646 \u0633\u0631\u064a\u0639\u0629 -->\r\n      <div class=\"feature-card\">\r\n        <div class=\"feature-icon\">\r\n          <i class=\"fa-solid fa-truck-fast\"><\/i>\r\n        <\/div>\r\n        <h3>Fast shipping services<\/h3>\r\n        <p>\r\n          Partnerships with Saudi Post SPL, DHL and Aramex to ensure that products reach customers as quickly as possible.\r\n        <\/p>\r\n        <a href=\"https:\/\/smart-logistics-sa.com\/en\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa-%d8%b4%d8%ad%d9%86-%d8%b3%d8%b1%d9%8a%d8%b9%d8%a9\/\"\r\n           class=\"feature-link\">\r\n          <span>Learn more<\/span>\r\n          <i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<link rel=\"stylesheet\"\r\n      href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bc40eb elementor-widget elementor-widget-html\" data-id=\"4bc40eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hf-services-hero\">\r\n  <!-- \u062e\u0644\u0641\u064a\u0629 \u0631\u0626\u064a\u0633\u064a\u0629 -->\r\n  <div class=\"hf-services-bg\"><\/div>\r\n\r\n  <div class=\"hf-services-inner\">\r\n    <!-- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0633\u0631: \u0639\u0646\u0648\u0627\u0646 + \u0642\u0627\u0626\u0645\u0629 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a -->\r\n    <div class=\"hf-services-left\">\r\n      <p class=\"hf-services-kicker\">What distinguishes us <\/p>\r\n      <h2 class=\"hf-services-title\">What distinguishes the smart logistics city<\/h2>\r\n      <p class=\"hf-services-desc\">\r\n        Strong logistics structure backed by real numbers;\nFeatures that illustrate the size of the warehouses and smart services provided by the Logistics City\nTo support storage and transportation movement with high efficiency.\r\n      <\/p>\r\n\r\n      <ul class=\"hf-services-menu\">\r\n        <li class=\"hf-service-link active\" data-target=\"0\">\r\n          <span class=\"hf-service-dot\"><\/span>\r\n          Smart warehouses\r\n        <\/li>\r\n        <li class=\"hf-service-link\" data-target=\"1\">\r\n          <span class=\"hf-service-dot\"><\/span>\r\n          24\/7 monitoring\r\n        <\/li>\r\n        <li class=\"hf-service-link\" data-target=\"2\">\r\n          <span class=\"hf-service-dot\"><\/span>\r\n          Smart electronic gates\r\n        <\/li>\r\n        <li class=\"hf-service-link\" data-target=\"3\">\r\n          <span class=\"hf-service-dot\"><\/span>\r\n          Organized parking\r\n        <\/li>\r\n        <li class=\"hf-service-link\" data-target=\"4\">\r\n          <span class=\"hf-service-dot\"><\/span>\r\n          Light workshops\r\n        <\/li>\r\n        <li class=\"hf-service-link\" data-target=\"5\">\r\n          <span class=\"hf-service-dot\"><\/span>\r\n          Intelligent management systems\r\n        <\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0645\u0646: \u0627\u0644\u0643\u0631\u0648\u062a \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 -->\r\n    <div class=\"hf-services-right\">\r\n      <div class=\"hf-services-carousel\">\r\n\r\n        <!-- Card 0 -->\r\n        <article class=\"hf-service-card\" data-index=\"0\">\r\n          <div class=\"hf-service-card-bg\"><\/div>\r\n          <div class=\"hf-service-card-content\">\r\n            <span class=\"hf-service-tag\">Storage capacity<\/span>\r\n            <h3 class=\"hf-service-card-title\">Smart warehouses<\/h3>\r\n            <p class=\"hf-service-card-text translation-block\">Smart warehouses with storage spaces exceeding...\n<strong>500,000 square meters<\/strong>,\nEquipped to receive various types of goods and support the growth of logistics businesses.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Card 1 -->\r\n        <article class=\"hf-service-card\" data-index=\"1\">\r\n          <div class=\"hf-service-card-bg\"><\/div>\r\n          <div class=\"hf-service-card-content\">\r\n            <span class=\"hf-service-tag\">Smart security<\/span>\r\n            <h3 class=\"hf-service-card-title\">24\/7 monitoring<\/h3>\r\n            <p class=\"hf-service-card-text translation-block\">Smart surveillance cameras covering warehouses and the surroundings of the logistics city\nTo ensure <strong>24\/7<\/strong> security, with live monitoring and analysis capabilities.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Card 2 -->\r\n        <article class=\"hf-service-card\" data-index=\"2\">\r\n          <div class=\"hf-service-card-bg\"><\/div>\r\n          <div class=\"hf-service-card-content\">\r\n            <span class=\"hf-service-tag\">Movement flow<\/span>\r\n            <h3 class=\"hf-service-card-title\">Smart electronic gates<\/h3>\r\n            <p class=\"hf-service-card-text\">\r\n              Electronic gates equipped with electronic payment systems\nTo facilitate entry and exit and organize the movement of trucks\nWithout disruption or crowding at the entrances.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Card 3 -->\r\n        <article class=\"hf-service-card\" data-index=\"3\">\r\n          <div class=\"hf-service-card-bg\"><\/div>\r\n          <div class=\"hf-service-card-content\">\r\n            <span class=\"hf-service-tag\">Organizing movement<\/span>\r\n            <h3 class=\"hf-service-card-title\">Organized parking<\/h3>\r\n            <p class=\"hf-service-card-text\">\r\n              Short and long term parking for trucks and cars,\nIt supports loading and unloading operations and reduces congestion within the logistics city.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Card 4 -->\r\n        <article class=\"hf-service-card\" data-index=\"4\">\r\n          <div class=\"hf-service-card-bg\"><\/div>\r\n          <div class=\"hf-service-card-content\">\r\n            <span class=\"hf-service-tag\">Support services<\/span>\r\n            <h3 class=\"hf-service-card-title\">Light workshops<\/h3>\r\n            <p class=\"hf-service-card-text\">\r\n              Light workshops for maintenance and assembly services to prepare shipments and products\nBefore storage or final shipment, which increases the readiness of shipments for movement.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Card 5 -->\r\n        <article class=\"hf-service-card\" data-index=\"5\">\r\n          <div class=\"hf-service-card-bg\"><\/div>\r\n          <div class=\"hf-service-card-content\">\r\n            <span class=\"hf-service-tag\">Inventory management<\/span>\r\n            <h3 class=\"hf-service-card-title\">Intelligent management systems<\/h3>\r\n            <p class=\"hf-service-card-text\">\r\n              Intelligent systems for inventory management and rapid distribution,\nIt increases the efficiency of supply chains and reduces delivery time\nWith dashboards and instant performance analysis.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n      <!-- \u0623\u0632\u0631\u0627\u0631 \u062a\u0646\u0642\u0644 -->\r\n      <div class=\"hf-services-controls\">\r\n        <button class=\"hf-services-arrow hf-prev\" aria-label=\"\u0633\u0627\u0628\u0642\">\r\n          <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n        <\/button>\r\n        <button class=\"hf-services-arrow hf-next\" aria-label=\"\u0627\u0644\u062a\u0627\u0644\u064a\">\r\n          <i class=\"fa-solid fa-chevron-left\"><\/i>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Font Awesome (\u0644\u0648 \u0645\u0634 \u0645\u0636\u0627\u0641 \u0642\u0628\u0644 \u0643\u0630\u0627) -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\r\n\r\n<style>\r\n  :root {\r\n    \/* \u062e\u0644\u0641\u064a\u0629 \u0645\u0648\u062d\u062f\u0629 \u0644\u0644\u0633\u0643\u0634\u0646 *\/\r\n    --hf-services-img: url('https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/12\/Artboard-14-3.webp');\r\n    \/* \u0644\u0648\u0646 \u0628\u0631\u0627\u0646\u062f \u0644\u0648\u062c\u0633\u062a\u064a \u0633\u0645\u0627\u0648\u064a *\/\r\n    --hf-brand: #2ea6ff;\r\n  }\r\n\r\n  .hf-services-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 85vh;\r\n    color: #fff;\r\n    overflow: hidden;\r\n    font-family: \"Cairo\", \"Tajawal\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  }\r\n\r\n  .hf-services-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image:\r\n      linear-gradient(120deg, rgba(5, 6, 14, 0.9), rgba(25, 27, 40, 0.6)),\r\n      var(--hf-services-img);\r\n    background-size: cover;\r\n    background-position: center;\r\n    z-index: 1;\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  .hf-services-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.3fr);\r\n    gap: 40px;\r\n    padding: 6vw 6vw 5vw;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* LEFT SIDE *\/\r\n  .hf-services-kicker {\r\n    font-size: 14px;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    margin: 0 0 8px;\r\n    opacity: 0.8;\r\n    color: rgba(255,255,255,0.85);\r\n  }\r\n\r\n  .hf-services-title {\r\n    margin: 0 0 14px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    font-size: clamp(26px, 3.4vw, 30px);\r\n  }\r\n\r\n  .hf-services-desc {\r\n    font-size: 15px;\r\n    max-width: 520px;\r\n    line-height: 1.9;\r\n    color: rgba(255,255,255,0.9);\r\n    margin: 0 0 24px;\r\n  }\r\n\r\n  .hf-services-menu {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .hf-service-link {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 17px;\r\n    color: rgba(255,255,255,0.8);\r\n    padding: 6px 0;\r\n    cursor: pointer;\r\n    transition: color 0.25s ease, transform 0.25s ease, font-size 0.25s ease;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .hf-service-link:hover {\r\n    color: #fff;\r\n    transform: translateX(-4px);\r\n    font-size: 20px;\r\n  }\r\n\r\n  .hf-service-link.active {\r\n    color: #fff;\r\n    font-weight: 600;\r\n    font-size: 20px;\r\n  }\r\n\r\n  .hf-service-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,0.7);\r\n    position: relative;\r\n  }\r\n\r\n  .hf-service-link.active .hf-service-dot {\r\n    background: #fff;\r\n    box-shadow: 0 0 0 6px rgba(46,166,255,0.25);\r\n  }\r\n\r\n  \/* RIGHT SIDE - CARDS *\/\r\n  .hf-services-right {\r\n    position: relative;\r\n  }\r\n\r\n  .hf-services-carousel {\r\n    position: relative;\r\n    height: 460px;\r\n    max-width: 420px;\r\n    margin-inline-start: auto;\r\n    perspective: 1400px;\r\n  }\r\n\r\n  .hf-service-card {\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 26px;\r\n    overflow: hidden;\r\n    color: #fff;\r\n    background: rgba(0,0,0,0.45);\r\n    box-shadow: 0 18px 40px rgba(0,0,0,0.55);\r\n    opacity: 0;\r\n    transform: translateX(0) scale(0.7);\r\n    transition:\r\n      opacity 0.6s ease,\r\n      transform 0.6s ease,\r\n      filter 0.6s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  \/* \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 (fallback) *\/\r\n  .hf-service-card-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image:\r\n      linear-gradient(180deg, rgba(5, 6, 14, 0.1), rgba(5, 6, 14, 0.85)),\r\n      var(--hf-services-img);\r\n    background-size: cover;\r\n    background-position: center;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* \u062e\u0644\u0641\u064a\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0644\u0643\u0644 \u0643\u0631\u062a \u062d\u0633\u0628 \u0627\u0644\u062a\u0631\u062a\u064a\u0628 *\/\r\n  .hf-service-card[data-index=\"0\"] .hf-service-card-bg {\r\n    background-image:\r\n      linear-gradient(180deg, rgba(5, 6, 14, 0.1), rgba(5, 6, 14, 0.85)),\r\n      url('https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/12\/\u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a-\u0630\u0643\u064a\u0629-1.webp');\r\n  }\r\n\r\n  .hf-service-card[data-index=\"1\"] .hf-service-card-bg {\r\n    background-image:\r\n      linear-gradient(180deg, rgba(5, 6, 14, 0.1), rgba(5, 6, 14, 0.85)),\r\n      url('https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/12\/\u0643\u0627\u0645\u064a\u0631\u0627\u062a-\u0645\u0631\u0627\u0642\u0628\u0629-\u0630\u0643\u064a\u0629-\u0644\u0636\u0645\u0627\u0646-\u0627\u0644\u0623\u0645\u0627\u0646-247.webp');\r\n  }\r\n\r\n  .hf-service-card[data-index=\"2\"] .hf-service-card-bg {\r\n    background-image:\r\n      linear-gradient(180deg, rgba(5, 6, 14, 0.1), rgba(5, 6, 14, 0.85)),\r\n      url('https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/12\/\u0628\u0648\u0627\u0628\u0627\u062a-\u0630\u0643\u064a\u0629.webp');\r\n  }\r\n\r\n  .hf-service-card[data-index=\"3\"] .hf-service-card-bg {\r\n    background-image:\r\n      linear-gradient(180deg, rgba(5, 6, 14, 0.1), rgba(5, 6, 14, 0.85)),\r\n      url('https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/12\/\u0645\u0648\u0627\u0642\u0641-\u0633\u064a\u0627\u0631\u0627\u062a-1-1.webp');\r\n  }\r\n\r\n  .hf-service-card[data-index=\"4\"] .hf-service-card-bg {\r\n    background-image:\r\n      linear-gradient(180deg, rgba(5, 6, 14, 0.1), rgba(5, 6, 14, 0.85)),\r\n      url('https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/12\/\u0648\u0631\u0634-\u062e\u0641\u064a\u0641\u0629-\u0644\u062e\u062f\u0645\u0627\u062a-\u0627\u0644\u0635\u064a\u0627\u0646\u0629-1.webp');\r\n  }\r\n\r\n  .hf-service-card[data-index=\"5\"] .hf-service-card-bg {\r\n    background-image:\r\n      linear-gradient(180deg, rgba(5, 6, 14, 0.1), rgba(5, 6, 14, 0.85)),\r\n      url('https:\/\/smart-logistics-sa.com\/wp-content\/uploads\/2025\/12\/\u0623\u0646\u0638\u0645\u0629-\u0630\u0643\u064a\u0629-\u0644\u0625\u062f\u0627\u0631\u0629-\u0627\u0644\u0645\u062e\u0632\u0648\u0646-\u0648\u0627\u0644\u062a\u0648\u0632\u064a\u0639-\u0627\u0644\u0633\u0631\u064a\u0639-1-1.webp');\r\n  }\r\n\r\n  .hf-service-card-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding: 26px 24px 24px;\r\n    margin-top: auto;\r\n    background: linear-gradient(180deg, rgba(0,0,0,0.0), rgba(0,0,0,0.9));\r\n  }\r\n\r\n  .hf-service-tag {\r\n    display: inline-block;\r\n    font-size: 11px;\r\n    padding: 4px 10px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,0.4);\r\n    margin-bottom: 10px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.12em;\r\n  }\r\n\r\n  .hf-service-card-title {\r\n    font-size: 20px;\r\n    margin: 0 0 10px;\r\n    font-weight: 600;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .hf-service-card-text {\r\n    font-size: 14px;\r\n    line-height: 1.9;\r\n    color: rgba(255,255,255,0.9);\r\n    margin: 0 0 16px;\r\n  }\r\n\r\n  \/* \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n  .hf-service-card.center {\r\n    opacity: 1;\r\n    transform: translateX(0) scale(1);\r\n    filter: blur(0);\r\n    z-index: 3;\r\n  }\r\n\r\n  .hf-service-card.left {\r\n    opacity: 0.5;\r\n    transform: translateX(-80px) scale(0.85);\r\n    filter: blur(1px);\r\n    z-index: 2;\r\n  }\r\n\r\n  .hf-service-card.right {\r\n    opacity: 0.5;\r\n    transform: translateX(80px) scale(0.85);\r\n    filter: blur(1px);\r\n    z-index: 2;\r\n  }\r\n\r\n  .hf-service-card.hidden {\r\n    opacity: 0;\r\n    transform: translateX(0) scale(0.7);\r\n    filter: blur(2px);\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Controls *\/\r\n  .hf-services-controls {\r\n    display: flex;\r\n    gap: 12px;\r\n    margin-top: 18px;\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .hf-services-arrow {\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,0.5);\r\n    background: rgba(0,0,0,0.4);\r\n    color: #fff;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: background 0.25s ease, transform 0.2s ease, border-color 0.25s ease, color 0.25s ease;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .hf-services-arrow:hover,\r\n  .hf-services-arrow:active {\r\n    background: var(--hf-brand);\r\n    border-color: var(--hf-brand);\r\n    color: #ffffff;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .hf-services-arrow i {\r\n    font-size: 12px;\r\n  }\r\n\r\n  \/* \u062a\u0627\u0628\u0644\u062a *\/\r\n  @media (max-width: 991px) {\r\n    .hf-services-hero {\r\n      min-height: 80vh;\r\n    }\r\n\r\n    .hf-services-inner {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      padding: 16vh 20px 10vh;\r\n      gap: 32px;\r\n    }\r\n\r\n    .hf-services-desc {\r\n      max-width: none;\r\n    }\r\n\r\n    .hf-services-right {\r\n      max-width: 420px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .hf-services-carousel {\r\n      margin-inline-start: 0;\r\n      height: 380px;\r\n    }\r\n\r\n    .hf-service-link,\r\n    .hf-service-link.active {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .hf-service-link:hover {\r\n      font-size: 16px;\r\n      transform: translateX(-2px);\r\n    }\r\n  }\r\n\r\n  \/* \u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n  @media (max-width: 575px) {\r\n    .hf-services-hero {\r\n      min-height: 82vh;\r\n    }\r\n\r\n    .hf-services-inner {\r\n      padding: 12vh 10px 9vh;\r\n      gap: 24px;\r\n    }\r\n\r\n    .hf-services-title {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .hf-services-desc {\r\n      font-size: 12px;\r\n    }\r\n\r\n    .hf-service-link,\r\n    .hf-service-link.active {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .hf-services-right {\r\n      width: 100%;\r\n      max-width: none;\r\n    }\r\n\r\n    .hf-services-carousel {\r\n      height: 520px;\r\n      max-width: none;\r\n      width: 100%;\r\n    }\r\n\r\n    .hf-service-card {\r\n      border-radius: 22px;\r\n    }\r\n\r\n    .hf-service-card.center {\r\n      transform: translateX(0) scale(1.03);\r\n    }\r\n\r\n    .hf-service-card-content {\r\n      padding: 22px 18px 20px;\r\n    }\r\n\r\n    .hf-service-card-title {\r\n      font-size: 18px;\r\n    }\r\n\r\n    .hf-service-card-text {\r\n      font-size: 13px;\r\n    }\r\n\r\n    .hf-service-card.left {\r\n      transform: translateX(-40px) scale(0.9);\r\n    }\r\n    .hf-service-card.right {\r\n      transform: translateX(40px) scale(0.9);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    var hero = document.querySelector(\".hf-services-hero\");\r\n    if (!hero) return;\r\n\r\n    var cards   = hero.querySelectorAll(\".hf-service-card\");\r\n    var menu    = hero.querySelectorAll(\".hf-service-link\");\r\n    var nextBtn = hero.querySelector(\".hf-next\");\r\n    var prevBtn = hero.querySelector(\".hf-prev\");\r\n\r\n    var current = 0;\r\n    var AUTOPLAY_MS = 7000;\r\n    var autoTimer = null;\r\n\r\n    function updateCards() {\r\n      var total = cards.length;\r\n      cards.forEach(function (card, index) {\r\n        var diff = (index - current + total) % total;\r\n        card.classList.remove(\"center\",\"left\",\"right\",\"hidden\");\r\n\r\n        if (diff === 0) {\r\n          card.classList.add(\"center\");\r\n        } else if (diff === 1) {\r\n          card.classList.add(\"right\");\r\n        } else if (diff === total - 1) {\r\n          card.classList.add(\"left\");\r\n        } else {\r\n          card.classList.add(\"hidden\");\r\n        }\r\n      });\r\n\r\n      menu.forEach(function (item, index) {\r\n        item.classList.toggle(\"active\", index === current);\r\n      });\r\n    }\r\n\r\n    function goTo(index) {\r\n      var total = cards.length;\r\n      if (index < 0) index = total - 1;\r\n      if (index >= total) index = 0;\r\n      current = index;\r\n      updateCards();\r\n      restartAuto();\r\n    }\r\n\r\n    function next() { goTo(current + 1); }\r\n    function prev() { goTo(current - 1); }\r\n\r\n    function startAuto() {\r\n      stopAuto();\r\n      autoTimer = setInterval(next, AUTOPLAY_MS);\r\n    }\r\n\r\n    function stopAuto() {\r\n      if (autoTimer) clearInterval(autoTimer);\r\n    }\r\n\r\n    function restartAuto() {\r\n      startAuto();\r\n    }\r\n\r\n    \/\/ events\r\n    menu.forEach(function (item) {\r\n      item.addEventListener(\"click\", function () {\r\n        var target = parseInt(this.getAttribute(\"data-target\"), 10);\r\n        goTo(target);\r\n      });\r\n    });\r\n\r\n    if (nextBtn) nextBtn.addEventListener(\"click\", next);\r\n    if (prevBtn) prevBtn.addEventListener(\"click\", prev);\r\n\r\n    \/\/ \u0633\u0648\u0627\u064a\u0628 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0639\u0644\u0649 \u0627\u0644\u0643\u0631\u0648\u062a\r\n    var touchStartX = 0;\r\n    var touchStartY = 0;\r\n    var area = hero.querySelector(\".hf-services-right\");\r\n\r\n    if (area) {\r\n      area.addEventListener(\"touchstart\", function (e) {\r\n        if (!e.touches || !e.touches.length) return;\r\n        touchStartX = e.touches[0].clientX;\r\n        touchStartY = e.touches[0].clientY;\r\n      }, { passive: true });\r\n\r\n      area.addEventListener(\"touchend\", function (e) {\r\n        if (!e.changedTouches || !e.changedTouches.length) return;\r\n        var dx = e.changedTouches[0].clientX - touchStartX;\r\n        var dy = e.changedTouches[0].clientY - touchStartY;\r\n\r\n        if (Math.abs(dx) > 40 && Math.abs(dx) > Math.abs(dy)) {\r\n          if (dx < 0) {\r\n            next();\r\n          } else {\r\n            prev();\r\n          }\r\n        }\r\n      }, { passive: true });\r\n    }\r\n\r\n    \/\/ init\r\n    updateCards();\r\n    startAuto();\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c35db7a elementor-widget elementor-widget-html\" data-id=\"c35db7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --brand-dark: #2B3044;\r\n    --brand-light: #D7D7D7;\r\n  }\r\n\r\n  \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u0628\u064a\u0646 \u062d\u0642\u0648\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0631\u0642\u0645 115 \u0641\u0642\u0637 *\/\r\n  #wpforms-form-115 .wpforms-field {\r\n    margin-bottom: 0px !important;\r\n  }\r\n\r\n  \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0644\u064a\u0628\u0644 \u0648\u0627\u0644\u0641\u064a\u0644\u062f *\/\r\n  #wpforms-form-115 .wpforms-field-label {\r\n    margin-bottom: 4px !important;\r\n  }\r\n\r\n  \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0644\u064a \u0641\u0648\u0642 \u0632\u0631 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 *\/\r\n  #wpforms-form-115 .wpforms-submit-container {\r\n    margin-top: 10px !important;\r\n  }\r\n\r\n  \/* \u0636\u0628\u0637 \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0641\u064a\u0644\u062f \u0646\u0641\u0633\u064f\u0647 *\/\r\n  #wpforms-form-115 input,\r\n  #wpforms-form-115 textarea,\r\n  #wpforms-form-115 select {\r\n    padding-top: 8px !important;\r\n    padding-bottom: 8px !important;\r\n  }\r\n\r\n  \/* \u0633\u0643\u0634\u0646 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 *\/\r\n  .join-city-section {\r\n    padding: 80px 0;\r\n    background:\r\n      radial-gradient(circle at top right, rgba(215,215,215,0.35), transparent 55%),\r\n      linear-gradient(to bottom, #FFFFFF, #F3F4F7);\r\n    font-family: \"Tajawal\", system-ui, sans-serif;\r\n    color: var(--brand-dark);\r\n  }\r\n\r\n  .join-city-container {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  .join-city-inner {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);\r\n    gap: 32px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0647\u064a\u062f\u0631 *\/\r\n  .join-city-head {\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .join-city-chip {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 4px 13px 5px;\r\n    border-radius: 999px;\r\n    background: rgba(43,48,68,0.04);\r\n    border: 1px solid rgba(43,48,68,0.12);\r\n    font-size: 0.8rem;\r\n    color: #555;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .join-city-chip-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 999px;\r\n    background: var(--brand-dark);\r\n    box-shadow: 0 0 8px rgba(43,48,68,0.75);\r\n  }\r\n\r\n  .join-city-chip span {\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .join-city-sub {\r\n    font-size: 0.95rem;\r\n    color: #5B5F6A;\r\n    margin: 0 0 6px;\r\n  }\r\n\r\n  .join-city-title {\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    margin: 0 0 10px;\r\n    color: var(--brand-dark);\r\n  }\r\n\r\n  .join-city-text {\r\n    font-size: 0.95rem;\r\n    line-height: 1.9;\r\n    color: #3F4352;\r\n    margin: 0 0 18px;\r\n    text-align: justify;\r\n  }\r\n\r\n  .join-city-cta-label {\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    color: #2F3342;\r\n    margin: 0 0 10px;\r\n  }\r\n\r\n  \/* \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0641\u0648\u0631\u0645 *\/\r\n  .join-city-form-wrapper {\r\n    border-radius: 18px;\r\n    background:\r\n      radial-gradient(circle at top left, rgba(255,255,255,0.9), transparent 60%),\r\n      linear-gradient(135deg, rgba(215,215,215,0.85), rgba(255,255,255,0.95));\r\n    box-shadow:\r\n      0 18px 40px rgba(0,0,0,0.12),\r\n      0 0 0 1px rgba(255,255,255,0.8);\r\n    padding: 20px 20px 18px;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .join-city-form-wrapper::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-inline-end: -40px;\r\n    inset-block-start: -40px;\r\n    width: 120px;\r\n    height: 120px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(43,48,68,0.12);\r\n  }\r\n\r\n  .join-city-form-wrapper::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-inline-start: -60px;\r\n    inset-block-end: -50px;\r\n    width: 160px;\r\n    height: 160px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(43,48,68,0.08), transparent 60%);\r\n  }\r\n\r\n  .join-city-form-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* \u0627\u0633\u062a\u0627\u064a\u0644 \u0639\u0627\u0645 \u0644\u0641\u0648\u0631\u0645 WPForms \u062f\u0627\u062e\u0644 \u0647\u0630\u0627 \u0627\u0644\u0633\u0643\u0634\u0646 \u0641\u0642\u0637 *\/\r\n  .join-city-section .wpforms-form {\r\n    direction: rtl;\r\n    font-family: \"Tajawal\", system-ui, sans-serif;\r\n  }\r\n\r\n  .join-city-section .wpforms-field {\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .join-city-section .wpforms-field-label {\r\n    font-size: 0.88rem;\r\n    font-weight: 600;\r\n    color: #2F3342;\r\n    margin-bottom: 4px;\r\n  }\r\n\r\n  .join-city-section .wpforms-required-label {\r\n    color: #D13A3A;\r\n  }\r\n\r\n  .join-city-section input[type=\"text\"],\r\n  .join-city-section input[type=\"email\"],\r\n  .join-city-section input[type=\"tel\"],\r\n  .join-city-section input[type=\"number\"],\r\n  .join-city-section select,\r\n  .join-city-section textarea {\r\n    width: 100%;\r\n    border-radius: 10px !important;\r\n    border: 1px solid rgba(43,48,68,0.18) !important;\r\n    padding: 10px 12px !important;\r\n    font-size: 0.9rem !important;\r\n    color: #2B3044 !important;\r\n    background: rgba(255,255,255,0.92) !important;\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\r\n  }\r\n\r\n  .join-city-section input[type=\"text\"]:focus,\r\n  .join-city-section input[type=\"email\"]:focus,\r\n  .join-city-section input[type=\"tel\"]:focus,\r\n  .join-city-section input[type=\"number\"]:focus,\r\n  .join-city-section select:focus,\r\n  .join-city-section textarea:focus {\r\n    border-color: rgba(43,48,68,0.65) !important;\r\n    box-shadow: 0 0 0 1px rgba(43,48,68,0.1) !important;\r\n    background: #FFFFFF !important;\r\n  }\r\n\r\n  .join-city-section textarea {\r\n    min-height: 110px;\r\n    resize: vertical;\r\n  }\r\n\r\n  \/* \u0632\u0631 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 *\/\r\n  .join-city-section .wpforms-submit-container {\r\n    margin-top: 4px;\r\n  }\r\n\r\n  .join-city-section .wpforms-submit {\r\n    border-radius: 999px !important;\r\n    border: 1px solid rgba(43,48,68,0.85) !important;\r\n    background: var(--brand-dark) !important;\r\n    color: #FFFFFF !important;\r\n    font-size: 0.95rem !important;\r\n    font-weight: 700 !important;\r\n    padding: 10px 26px !important;\r\n    cursor: pointer !important;\r\n    box-shadow: 0 10px 24px rgba(43,48,68,0.35) !important;\r\n    transition: 0.25s ease !important;\r\n  }\r\n\r\n  .join-city-section .wpforms-submit:hover {\r\n    background: #FFFFFF !important;\r\n    color: var(--brand-dark) !important;\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 14px 30px rgba(43,48,68,0.4) !important;\r\n  }\r\n\r\n  .join-city-section .wpforms-submit:active {\r\n    transform: translateY(0) scale(0.98);\r\n  }\r\n\r\n  \/* \u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0646\u062c\u0627\u062d \/ \u0627\u0644\u062e\u0637\u0623 *\/\r\n  .join-city-section .wpforms-confirmation-container-full {\r\n    border-radius: 12px;\r\n    border: 1px solid rgba(34,139,34,0.32);\r\n    background: rgba(225,245,225,0.95);\r\n    color: #225522;\r\n    padding: 10px 12px;\r\n    font-size: 0.88rem;\r\n  }\r\n\r\n  .join-city-section .wpforms-error-container {\r\n    border-radius: 10px;\r\n    border: 1px solid rgba(209,58,58,0.35);\r\n    background: rgba(255,235,235,0.95);\r\n    color: #8A2525;\r\n    padding: 8px 10px;\r\n    font-size: 0.85rem;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  \/* \u0631\u064a\u0633\u0628\u0648\u0646\u0633\u064a\u0641 *\/\r\n  @media (max-width: 960px) {\r\n    .join-city-inner {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .join-city-section {\r\n      padding: 64px 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .join-city-title {\r\n      font-size: 1.6rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"join-city-section\" id=\"join\">\r\n  <div class=\"join-city-container\">\r\n    <div class=\"join-city-inner\">\r\n\r\n      <!-- \u0627\u0644\u0646\u0635 -->\r\n      <div class=\"join-city-copy\">\r\n        <div class=\"join-city-head\">\r\n          <div class=\"join-city-chip\">\r\n            <span class=\"join-city-chip-dot\"><\/span>\r\n            <span>Contact us<\/span>\r\n          <\/div>\r\n\r\n          <p class=\"join-city-sub\">\r\n            We are happy to answer your inquiries about the smart logistics city\r\n          <\/p>\r\n\r\n          <h2 class=\"join-city-title\">\r\n            Contact the Smart Logistics City team\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <p class=\"join-city-text\">\r\n          If you have an inquiry about smart warehouses, support services, or cooperation opportunities\nAnd to invest within the smart logistics city in the Western Region, you can send your request through\nThe attached form, and our team will contact you as soon as possible.\r\n        <\/p>\r\n\r\n        <p class=\"join-city-cta-label\">\r\n          Please fill out the contact form with the correct data, and your detailed message:\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- \u0627\u0644\u0641\u0648\u0631\u0645 \u0641\u0642\u0637 \u0628\u062f\u0648\u0646 \u0623\u064a \u0623\u0631\u0642\u0627\u0645 \u062a\u0648\u0627\u0635\u0644 -->\r\n      <div class=\"join-city-form-wrapper\">\r\n        <div class=\"join-city-form-inner\">\r\n          <style id=\"wpforms-css-vars-115\">\n\t\t\t\t#wpforms-115 {\n\t\t\t\t--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-115\"><form id=\"wpforms-form-115\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"115\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/13\" data-token=\"1ba507487251604dc657305a6b04524a\" data-token-time=\"1777971235\" data-trp-original-action=\"\/en\/wp-json\/wp\/v2\/pages\/13\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-115-field_2-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"2\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-115-field_2\" aria-hidden=\"false\">\u0627\u0644\u0627\u0633\u0645 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-115-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" placeholder=\"Full Name\" aria-errormessage=\"wpforms-115-field_2-error\" required><\/div>\t\t<div id=\"wpforms-115-field_1-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"1\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-115-field_1\" >\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0628\u0631\u064a\u062f<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-115-field_1\" class=\"wpforms-field-medium\" name=\"wpforms[fields][1]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-115-field_12-container\" class=\"wpforms-field wpforms-field-text wpforms-one-half wpforms-first\" data-field-id=\"12\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-115-field_12\" aria-hidden=\"false\">Phone Number <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-115-field_12\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][12]\" placeholder=\"Phone Number\" aria-errormessage=\"wpforms-115-field_12-error\" required><\/div><div id=\"wpforms-115-field_3-container\" class=\"wpforms-field wpforms-field-email wpforms-one-half\" data-field-id=\"3\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-115-field_3\" aria-hidden=\"false\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-115-field_3\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][3]\" placeholder=\"Email\" spellcheck=\"false\" aria-errormessage=\"wpforms-115-field_3-error\" required><\/div><div id=\"wpforms-115-field_10-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"10\"><label class=\"wpforms-field-label wpforms-label-hide\" for=\"wpforms-115-field_10\" aria-hidden=\"false\">Your Message <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-115-field_10\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][10]\" placeholder=\"Write your message here...\" aria-errormessage=\"wpforms-115-field_10-error\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-115-field_1-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-115-field_1-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-115-field_1-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"115\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/smart-logistics-sa.com\/en\/wp-json\/wp\/v2\/pages\/13\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-115\" class=\"wpforms-submit\" data-alt-text=\"\u062c\u0627\u0631\u0650 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 ...\" data-submit-text=\"\u0625\u0631\u0633\u0627\u0644\" aria-live=\"assertive\" value=\"wpforms-submit\">Send<\/button><img decoding=\"async\" src=\"https:\/\/smart-logistics-sa.com\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form><\/div>  <!-- .wpforms-container -->\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\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>","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u2022 \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u063a\u0631\u0628\u064a\u0629 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u062c\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u062f\u0646 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a \u0630\u0643\u064a\u0629\u060c \u062e\u062f\u0645\u0627\u062a \u0645\u0633\u0627\u0646\u062f\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\u060c \u0648\u0628\u0646\u064a\u0629 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0646\u0645\u0648. [&hellip;]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/smart-logistics-sa.com\/en\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smart-logistics-sa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smart-logistics-sa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smart-logistics-sa.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/smart-logistics-sa.com\/en\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":160,"href":"https:\/\/smart-logistics-sa.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":617,"href":"https:\/\/smart-logistics-sa.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions\/617"}],"wp:attachment":[{"href":"https:\/\/smart-logistics-sa.com\/en\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}