{"id":8,"date":"2026-03-07T14:37:05","date_gmt":"2026-03-07T14:37:05","guid":{"rendered":"https:\/\/almahab.store\/?page_id=8"},"modified":"2026-04-22T17:11:14","modified_gmt":"2026-04-22T17:11:14","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/almahab.store\/en\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-settings=\"{&quot;scroll_snap&quot;:&quot;yes&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3e1348 e-con-full e-flex e-con e-parent\" data-id=\"e3e1348\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bd2338 elementor-widget elementor-widget-html\" data-id=\"4bd2338\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n*{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n  font-family:'Tajawal',sans-serif;\r\n}\r\n\r\n\/* \u0627\u0644\u0647\u064a\u0631\u0648 *\/\r\n\r\n.swat-hero-container{\r\n  position:relative;\r\n  width:100%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  overflow:hidden;\r\n  background:#000;\r\n}\r\n\r\n\/* \u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n\r\n.swat-hero-bg{\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  height:100%;\r\n  z-index:1;\r\n}\r\n\r\n.swat-hero-bg video{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n\/* \u0637\u0628\u0642\u0629 \u0627\u0644\u0638\u0644 *\/\r\n\r\n.swat-hero-overlay{\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  height:100%;\r\n  background:rgba(0,0,0,0.58);\r\n  z-index:2;\r\n}\r\n\r\n\/* \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n\r\n.swat-hero-inner{\r\n  position:relative;\r\n  z-index:3;\r\n  width:100%;\r\n  max-width:1100px;\r\n  padding:0 20px;\r\n  text-align:center;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-height:100vh;\r\n}\r\n\r\n\/* \u0627\u0644\u0644\u0648\u062c\u0648 *\/\r\n\r\n.mh-into-logo-center{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  animation:logoFadeUp 1.6s ease forwards;\r\n}\r\n\r\n.mh-into-logo-center a{\r\n  display:inline-flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  text-decoration:none;\r\n}\r\n\r\n.mh-into-logo-center img{\r\n  width:200px !important;\r\n  max-width:100%;\r\n  height:auto;\r\n  display:block;\r\n  filter:drop-shadow(0 14px 35px rgba(0,0,0,0.45));\r\n  animation:logoFloat 4s ease-in-out infinite;\r\n  transition:transform .4s ease, filter .4s ease;\r\n}\r\n\r\n.mh-into-logo-center img:hover{\r\n  transform:scale(1.04);\r\n  filter:drop-shadow(0 18px 45px rgba(0,0,0,0.55));\r\n}\r\n\r\n\/* \u0645\u0624\u0634\u0631 \u0627\u0644\u0646\u0632\u0648\u0644 *\/\r\n\r\n.swat-hero-scroll{\r\n  position:absolute;\r\n  bottom:30px;\r\n  left:50%;\r\n  transform:translateX(-50%);\r\n  z-index:3;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  gap:12px;\r\n}\r\n\r\n.swat-hero-scroll-line{\r\n  width:1px;\r\n  height:60px;\r\n  background:linear-gradient(to bottom,#ffffff,transparent);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.swat-hero-scroll-line::after{\r\n  content:'';\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  height:100%;\r\n  background:#ffffff;\r\n  animation:scroll-down 2.2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes scroll-down{\r\n  0%{transform:translateY(-100%)}\r\n  100%{transform:translateY(100%)}\r\n}\r\n\r\n@keyframes logoFadeUp{\r\n  0%{\r\n    opacity:0;\r\n    transform:translateY(30px) scale(.92);\r\n  }\r\n  100%{\r\n    opacity:1;\r\n    transform:translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes logoFloat{\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\/* Responsive *\/\r\n\r\n@media(max-width:992px){\r\n  .mh-into-logo-center img{\r\n    width:220px !important;\r\n  }\r\n}\r\n\r\n@media(max-width:768px){\r\n  .mh-into-logo-center img{\r\n    width:180px !important;\r\n  }\r\n\r\n  .swat-hero-scroll{\r\n    bottom:22px;\r\n  }\r\n}\r\n\r\n@media(max-width:480px){\r\n  .mh-into-logo-center img{\r\n    width:150px !important;\r\n  }\r\n\r\n  .swat-hero-scroll-line{\r\n    height:48px;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"swat-hero-container\">\r\n\r\n  <!-- \u0627\u0644\u0641\u064a\u062f\u064a\u0648 -->\r\n  <div class=\"swat-hero-bg\">\r\n    <video autoplay muted loop playsinline>\r\n      <source src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d9%81%d9%8a%d8%af%d9%8a%d9%88-%d8%a7%d9%84%d9%87%d9%8a%d8%b1%d9%88.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n  <\/div>\r\n\r\n  <!-- \u0637\u0628\u0642\u0629 \u0627\u0644\u0638\u0644 -->\r\n  <div class=\"swat-hero-overlay\"><\/div>\r\n\r\n  <!-- \u0627\u0644\u0645\u062d\u062a\u0648\u0649 -->\r\n  <div class=\"swat-hero-inner\">\r\n\r\n  \r\n\r\n  <\/div>\r\n\r\n  <!-- \u0645\u0624\u0634\u0631 \u0627\u0644\u0646\u0632\u0648\u0644 -->\r\n  <div class=\"swat-hero-scroll\">\r\n    <div class=\"swat-hero-scroll-line\"><\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b653389 e-con-full e-flex e-con e-parent\" data-id=\"b653389\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d502481 elementor-widget elementor-widget-html\" data-id=\"d502481\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    .bw-gm-section,\r\n    .bw-gm-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .bw-gm-section {\r\n      --text: #ffffff;\r\n      --muted: rgba(255,255,255,0.72);\r\n      --shadow: 0 30px 80px rgba(0,0,0,0.55);\r\n      --radius-xl: 34px;\r\n      --radius-lg: 26px;\r\n\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 110px 24px;\r\n      background:\r\n        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08), transparent 22%),\r\n        radial-gradient(circle at 80% 10%, rgba(255,255,255,0.06), transparent 18%),\r\n        linear-gradient(135deg, #000000 0%, #080808 45%, #111111 100%);\r\n      color: var(--text);\r\n      font-family: \"Tajawal\", sans-serif;\r\n      isolation: isolate;\r\n    }\r\n\r\n    .bw-gm-section::before,\r\n    .bw-gm-section::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      filter: blur(60px);\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    .bw-gm-section::before {\r\n      width: 380px;\r\n      height: 380px;\r\n      top: -40px;\r\n      right: -80px;\r\n      background: radial-gradient(circle, rgba(255,255,255,0.12), transparent 68%);\r\n      animation: sectionGlowOne 9s ease-in-out infinite alternate;\r\n    }\r\n\r\n    .bw-gm-section::after {\r\n      width: 320px;\r\n      height: 320px;\r\n      bottom: -40px;\r\n      left: -70px;\r\n      background: radial-gradient(circle, rgba(255,255,255,0.10), transparent 70%);\r\n      animation: sectionGlowTwo 11s ease-in-out infinite alternate;\r\n    }\r\n\r\n    .bw-gm-noise,\r\n    .bw-gm-lines,\r\n    .bw-gm-orbs,\r\n    .bw-gm-wave {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bw-gm-noise {\r\n      opacity: 0.045;\r\n      background-image: radial-gradient(rgba(255,255,255,0.95) 0.45px, transparent 0.45px);\r\n      background-size: 8px 8px;\r\n      mix-blend-mode: soft-light;\r\n      z-index: 0;\r\n    }\r\n\r\n    .bw-gm-lines {\r\n      opacity: 0.08;\r\n      background-image:\r\n        linear-gradient(rgba(255,255,255,0.10) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,0.10) 1px, transparent 1px);\r\n      background-size: 52px 52px;\r\n      mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 85%, transparent);\r\n      animation: gridMove 18s linear infinite;\r\n      z-index: 0;\r\n    }\r\n\r\n    .bw-gm-wave {\r\n      z-index: 0;\r\n      opacity: 0.22;\r\n      background:\r\n        radial-gradient(circle at 50% 50%, rgba(255,255,255,0.12), transparent 45%),\r\n        radial-gradient(circle at 50% 50%, rgba(255,255,255,0.08), transparent 60%);\r\n      transform-origin: center;\r\n      animation: wavePulse 8s ease-in-out infinite;\r\n    }\r\n\r\n    .bw-gm-orbs {\r\n      overflow: hidden;\r\n      z-index: 0;\r\n    }\r\n\r\n    .bw-gm-orbs span {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(255,255,255,0.16), transparent 70%);\r\n      filter: blur(8px);\r\n      animation: orbFloat 12s ease-in-out infinite;\r\n    }\r\n\r\n    .bw-gm-orbs span:nth-child(1) { width: 150px; height: 150px; top: 10%; left: 7%; animation-delay: 0s; }\r\n    .bw-gm-orbs span:nth-child(2) { width: 220px; height: 220px; top: 48%; right: 8%; animation-delay: 2s; }\r\n    .bw-gm-orbs span:nth-child(3) { width: 130px; height: 130px; bottom: 8%; left: 38%; animation-delay: 4s; }\r\n    .bw-gm-orbs span:nth-child(4) { width: 90px; height: 90px; top: 24%; right: 36%; animation-delay: 1s; }\r\n\r\n    .bw-gm-container {\r\n      position: relative;\r\n      z-index: 2;\r\n      max-width: 1320px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .bw-gm-section-head {\r\n      text-align: center;\r\n      margin-bottom: 50px;\r\n      position: relative;\r\n    }\r\n\r\n    .bw-gm-main-title {\r\n      margin: 0;\r\n      font-family: \"Tajawal\", sans-serif;\r\n      font-size: 38px;\r\n      line-height: 1.2;\r\n      font-weight: 800;\r\n      letter-spacing: 0;\r\n      color: #fff;\r\n      display: inline-block;\r\n      position: relative;\r\n      animation: none;\r\n    }\r\n\r\n    .bw-gm-main-title::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: -10px -18px;\r\n      border-radius: 999px;\r\n      background: radial-gradient(circle, rgba(255,255,255,0.10), transparent 70%);\r\n      z-index: -1;\r\n      filter: blur(8px);\r\n      animation: none;\r\n    }\r\n\r\n    .bw-gm-main-title::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: 50%;\r\n      transform: translateX(50%);\r\n      bottom: -14px;\r\n      width: 130px;\r\n      height: 2px;\r\n      border-radius: 999px;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.95), transparent);\r\n      box-shadow: 0 0 16px rgba(255,255,255,0.38);\r\n      animation: none;\r\n    }\r\n\r\n    .bw-gm-grid {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 0.68fr) minmax(0, 1.32fr);\r\n      gap: 30px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .bw-gm-media,\r\n    .bw-gm-content {\r\n      min-height: 100%;\r\n      align-self: stretch;\r\n    }\r\n\r\n    .bw-gm-media {\r\n      position: relative;\r\n      display: flex;\r\n      height: 100%;\r\n      width: 100%;\r\n      max-width: 430px;\r\n      margin-left: auto;\r\n      animation: mediaFloat 5.5s ease-in-out infinite;\r\n    }\r\n\r\n    .bw-gm-media-shell {\r\n      position: relative;\r\n      padding: 10px;\r\n      border-radius: 26px;\r\n      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));\r\n      border: 1px solid rgba(255,255,255,0.11);\r\n      box-shadow: var(--shadow);\r\n      backdrop-filter: blur(8px);\r\n      overflow: hidden;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .bw-gm-media-shell::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 10px;\r\n      border-radius: calc(var(--radius-xl) - 8px);\r\n      border: 1px solid rgba(255,255,255,0.06);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bw-gm-media-shell::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: -35%;\r\n      background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,0.08) 45%, transparent 68%);\r\n      transform: translateX(-120%) rotate(10deg);\r\n      animation: shineMove 6.5s linear infinite;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bw-gm-media-frame {\r\n      position: relative;\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: auto;\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n      background: #0d0d0d;\r\n      transform-style: preserve-3d;\r\n      transition: transform 0.35s ease;\r\n      will-change: transform;\r\n    }\r\n\r\n    .bw-gm-media-frame img {\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: auto;\r\n      object-fit: cover;\r\n      display: block;\r\n      filter: grayscale(100%) contrast(1.08) brightness(0.92);\r\n      transform: scale(1.02);\r\n      animation: imageBreath 7s ease-in-out infinite;\r\n    }\r\n\r\n    .bw-gm-media-shade {\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.28) 38%, rgba(0,0,0,0.10) 100%),\r\n        linear-gradient(to left, rgba(255,255,255,0.10), transparent 36%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bw-gm-media-glow {\r\n      position: absolute;\r\n      width: 240px;\r\n      height: 240px;\r\n      left: -70px;\r\n      bottom: -70px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(255,255,255,0.14), transparent 68%);\r\n      filter: blur(22px);\r\n      opacity: 0.58;\r\n      pointer-events: none;\r\n      animation: glowPulse 3.8s ease-in-out infinite;\r\n    }\r\n\r\n    .bw-gm-content {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      height: 100%;\r\n    }\r\n\r\n    .bw-gm-quote,\r\n    .bw-gm-text-card {\r\n      position: relative;\r\n      overflow: hidden;\r\n      border: 1px solid rgba(255,255,255,0.10);\r\n      box-shadow: 0 18px 50px rgba(0,0,0,0.30);\r\n      animation: cardFloat 5.5s ease-in-out infinite;\r\n    }\r\n\r\n    .bw-gm-quote {\r\n      margin-bottom: 18px;\r\n      padding: 22px 24px 20px;\r\n      border-radius: var(--radius-lg);\r\n      background: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02));\r\n      animation-delay: 0.3s;\r\n    }\r\n\r\n    .bw-gm-quote::before,\r\n    .bw-gm-text-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(to left, rgba(255,255,255,0.08), transparent 45%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bw-gm-quote-mark {\r\n      position: absolute;\r\n      top: -8px;\r\n      left: 16px;\r\n      font-size: 78px;\r\n      line-height: 1;\r\n      font-weight: 700;\r\n      color: rgba(255,255,255,0.08);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bw-gm-quote p {\r\n      position: relative;\r\n      z-index: 1;\r\n      margin: 0;\r\n      padding-left: 18px;\r\n      font-size: clamp(15px, 1.45vw, 20px);\r\n      line-height: 1.8;\r\n      font-weight: 800;\r\n      color: #fff;\r\n    }\r\n\r\n    .bw-gm-text-card {\r\n      padding: 28px;\r\n      border-radius: var(--radius-xl);\r\n      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));\r\n      animation-delay: 0.7s;\r\n    }\r\n\r\n    .bw-gm-text-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: -30%;\r\n      background: linear-gradient(120deg, transparent 25%, rgba(255,255,255,0.045) 50%, transparent 75%);\r\n      transform: translateX(-120%);\r\n      animation: shineMove 8s linear infinite;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .bw-gm-body p {\r\n      margin: 0 0 14px;\r\n      font-size: clamp(13.2px, 1vw, 15px);\r\n      line-height: 2;\r\n      color: var(--muted);\r\n      text-align: justify;\r\n    }\r\n\r\n    .bw-gm-body p:last-child { margin-bottom: 0; }\r\n\r\n    .bw-strong {\r\n      color: #fff;\r\n      font-weight: 800;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .bw-strong::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: 0;\r\n      left: 0;\r\n      bottom: 1px;\r\n      height: 6px;\r\n      background: rgba(255,255,255,0.10);\r\n      border-radius: 999px;\r\n      z-index: -1;\r\n      animation: strongPulse 2.8s ease-in-out infinite;\r\n    }\r\n\r\n    .reveal {\r\n      opacity: 0;\r\n      transform: translateY(46px) scale(0.985);\r\n      transition: opacity 0.95s cubic-bezier(.22,1,.36,1), transform 0.95s cubic-bezier(.22,1,.36,1);\r\n      will-change: transform, opacity;\r\n    }\r\n\r\n    .reveal-right { transform: translateX(52px) scale(0.985); }\r\n    .reveal-left { transform: translateX(-52px) scale(0.985); }\r\n    .reveal.is-visible { opacity: 1; transform: none !important; }\r\n\r\n    .split-line,\r\n    .split-word { display: inline-block; will-change: transform, opacity, filter; }\r\n\r\n    .split-line {\r\n      opacity: 0;\r\n      transform: translateY(34px);\r\n      filter: blur(8px);\r\n      transition: opacity 0.9s cubic-bezier(.22,1,.36,1), transform 0.9s cubic-bezier(.22,1,.36,1), filter 0.9s cubic-bezier(.22,1,.36,1);\r\n    }\r\n\r\n    .is-visible .split-line {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n      filter: blur(0);\r\n    }\r\n\r\n    .split-word {\r\n      opacity: 0;\r\n      transform: translateY(26px) rotate(0.001deg);\r\n      filter: blur(6px);\r\n      transition: opacity 0.8s cubic-bezier(.22,1,.36,1), transform 0.8s cubic-bezier(.22,1,.36,1), filter 0.8s cubic-bezier(.22,1,.36,1);\r\n    }\r\n\r\n    .is-visible .split-word {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n      filter: blur(0);\r\n    }\r\n\r\n    .bw-gm-main-title .split-word { margin-inline: 0.08em; }\r\n    .bw-gm-quote p .split-word { font-weight: inherit; }\r\n    .bw-gm-body p .split-word { margin-inline: 0.02em; }\r\n    .bw-word-space { display: inline-block; width: 0.32em; }\r\n\r\n    @keyframes gridMove {\r\n      0% { transform: translate3d(0, 0, 0); }\r\n      100% { transform: translate3d(0, 20px, 0); }\r\n    }\r\n\r\n    @keyframes sectionGlowOne {\r\n      0% { transform: translate3d(0,0,0) scale(1); opacity: 0.55; }\r\n      100% { transform: translate3d(-24px,22px,0) scale(1.12); opacity: 0.9; }\r\n    }\r\n\r\n    @keyframes sectionGlowTwo {\r\n      0% { transform: translate3d(0,0,0) scale(1); opacity: 0.45; }\r\n      100% { transform: translate3d(22px,-18px,0) scale(1.1); opacity: 0.78; }\r\n    }\r\n\r\n    @keyframes orbFloat {\r\n      0%, 100% { transform: translateY(0) scale(1); opacity: 0.35; }\r\n      50% { transform: translateY(-26px) scale(1.1); opacity: 0.75; }\r\n    }\r\n\r\n    @keyframes wavePulse {\r\n      0%, 100% { transform: scale(1); opacity: 0.10; }\r\n      50% { transform: scale(1.08); opacity: 0.26; }\r\n    }\r\n\r\n    @keyframes mediaFloat {\r\n      0%, 100% { transform: translateY(0); }\r\n      50% { transform: translateY(-8px); }\r\n    }\r\n\r\n    @keyframes imageBreath {\r\n      0%, 100% { transform: scale(1.02); }\r\n      50% { transform: scale(1.045); }\r\n    }\r\n\r\n    @keyframes glowPulse {\r\n      0%, 100% { opacity: 0.4; transform: scale(1); }\r\n      50% { opacity: 0.78; transform: scale(1.14); }\r\n    }\r\n\r\n    @keyframes shineMove {\r\n      0% { transform: translateX(-120%) rotate(10deg); }\r\n      100% { transform: translateX(120%) rotate(10deg); }\r\n    }\r\n\r\n    @keyframes cardFloat {\r\n      0%, 100% { transform: translateY(0); box-shadow: 0 18px 50px rgba(0,0,0,0.26); }\r\n      50% { transform: translateY(-5px); box-shadow: 0 24px 62px rgba(0,0,0,0.34); }\r\n    }\r\n\r\n    @keyframes strongPulse {\r\n      0%, 100% { opacity: 0.45; }\r\n      50% { opacity: 0.95; }\r\n    }\r\n\r\n    @media (max-width: 1180px) {\r\n      .bw-gm-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 28px;\r\n      }\r\n\r\n      .bw-gm-media {\r\n        max-width: 100%;\r\n        margin-left: 0;\r\n        height: auto;\r\n      }\r\n\r\n      .bw-gm-content,\r\n      .bw-gm-media-shell,\r\n      .bw-gm-media-frame {\r\n        height: auto;\r\n      }\r\n\r\n      .bw-gm-media-frame {\r\n        height: 620px;\r\n      }\r\n\r\n      .bw-gm-media-frame img {\r\n        height: 100%;\r\n      }\r\n\r\n      .bw-gm-section-head {\r\n        margin-bottom: 34px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .bw-gm-section { padding: 78px 16px; }\r\n      .bw-gm-main-title {\r\n        font-size: 24px;\r\n        line-height: 1.3;\r\n      }\r\n      .bw-gm-main-title::after { bottom: -12px; width: 98px; }\r\n      .bw-gm-grid { gap: 20px; }\r\n      .bw-gm-media-shell { padding: 12px; border-radius: 24px; }\r\n      .bw-gm-media-frame { height: 500px; border-radius: 18px; }\r\n      .bw-gm-media-frame img { height: 100%; border-radius: 18px; }\r\n      .bw-gm-quote { padding: 18px 16px 16px; border-radius: 20px; }\r\n      .bw-gm-quote-mark { left: 10px; top: -2px; font-size: 60px; }\r\n      .bw-gm-quote p { padding-left: 10px; font-size: 15px; line-height: 1.85; }\r\n      .bw-gm-text-card { padding: 20px 16px; border-radius: 22px; }\r\n      .bw-gm-body p { font-size: 13.5px; line-height: 1.95; text-align: right; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .bw-gm-section { padding: 64px 14px; }\r\n      .bw-gm-section-head { margin-bottom: 26px; }\r\n      .bw-gm-main-title {\r\n        font-size: 22px;\r\n      }\r\n       .bw-gm-media-frame img { height: 100%; }\r\n      .bw-gm-quote p { font-size: 14px; }\r\n      .bw-gm-body p { font-size: 13px; line-height: 1.9; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .reveal,\r\n      .split-line,\r\n      .split-word,\r\n      .bw-gm-section::before,\r\n      .bw-gm-section::after,\r\n      .bw-gm-lines,\r\n      .bw-gm-wave,\r\n      .bw-gm-orbs span,\r\n      .bw-gm-main-title,\r\n      .bw-gm-main-title::before,\r\n      .bw-gm-main-title::after,\r\n      .bw-gm-media,\r\n      .bw-gm-media-shell::after,\r\n      .bw-gm-media-frame img,\r\n      .bw-gm-media-glow,\r\n      .bw-gm-quote,\r\n      .bw-gm-text-card,\r\n      .bw-gm-text-card::after,\r\n      .bw-strong::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n        transform: none !important;\r\n        opacity: 1 !important;\r\n        filter: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"bw-gm-section\" >\r\n  <div class=\"bw-gm-noise\"><\/div>\r\n  <div class=\"bw-gm-lines\"><\/div>\r\n  <div class=\"bw-gm-wave\"><\/div>\r\n\r\n  <div class=\"bw-gm-orbs\">\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"bw-gm-container\">\r\n    <div class=\"bw-gm-section-head reveal\">\r\n      <h2 class=\"bw-gm-main-title js-split-words\">\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0639\u0627\u0645<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"bw-gm-grid\">\r\n      <div class=\"bw-gm-media reveal reveal-right\">\r\n        <div class=\"bw-gm-media-shell\">\r\n          <div class=\"bw-gm-media-frame\" id=\"bwTiltCard\">\r\n            <img decoding=\"async\" src=\"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-16-at-10.07.42-AM.jpeg\" alt=\"\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0639\u0627\u0645\" \/>\r\n            <span class=\"bw-gm-media-shade\"><\/span>\r\n            <span class=\"bw-gm-media-glow\"><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"bw-gm-content reveal reveal-left\">\r\n        <div class=\"bw-gm-quote reveal-text-block\">\r\n          <span class=\"bw-gm-quote-mark\">\u201c<\/span>\r\n          <p class=\"js-split-words\">\u0628\u0633\u0645 \u0627\u0644\u0644\u0647 \u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u062d\u064a\u0645\u060c \u0648\u0627\u0644\u0635\u0644\u0627\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645 \u0639\u0644\u0649 \u0623\u0634\u0631\u0641 \u0627\u0644\u0623\u0646\u0628\u064a\u0627\u0621 \u0648\u0627\u0644\u0645\u0631\u0633\u0644\u064a\u0646 \u0633\u064a\u062f\u0646\u0627 \u0645\u062d\u0645\u062f\u060c \u0635\u0644\u0649 \u0627\u0644\u0644\u0647 \u0639\u0644\u064a\u0647 \u0648\u0633\u0644\u0645.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"bw-gm-text-card reveal-text-block\">\r\n          <div class=\"bw-gm-body\">\r\n            <p class=\"js-split-lines\">\u062a\u0633\u064a\u0631 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0628\u062e\u0637\u0649 \u0648\u0627\u062b\u0642\u0629 \u0646\u062d\u0648 \u0646\u0647\u0636\u0629 \u0634\u0627\u0645\u0644\u0629\u060c \u062a\u0642\u0648\u062f\u0647\u0627 \u0631\u0624\u064a\u0629 \u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062d\u0643\u064a\u0645\u0629 \u0644\u062a\u0646\u0645\u064a\u0629 \u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0634\u064a\u064a\u062f \u0648\u0627\u0644\u0628\u0646\u0627\u0621\u060c \u0628\u0627\u0639\u062a\u0628\u0627\u0631\u0647 \u0631\u0643\u064a\u0632\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u062d\u0636\u0631\u064a \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a. \u0648\u0641\u064a \u0642\u0644\u0628 \u0647\u0630\u0647 \u0627\u0644\u062a\u062d\u0648\u0644\u0627\u062a\u060c \u062a\u0628\u0631\u0632 <span class=\"bw-strong\">\u0634\u0631\u0643\u0629 SWAT \u0627\u0644\u0641\u0646\u064a\u0629 \u0644\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a<\/span> \u0628\u062a\u062c\u0633\u064a\u062f \u0631\u0624\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629.<\/p>\r\n            <p class=\"js-split-lines\">\u0646\u062d\u0646 \u0641\u064a SWAT \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0627\u0644\u0628\u0646\u0627\u0621 \u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u062a\u0634\u064a\u064a\u062f \u0647\u064a\u0627\u0643\u0644\u060c \u0628\u0644 \u0647\u0648 <span class=\"bw-strong\">\u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0628\u062f\u0623 \u0628\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0630\u0643\u064a<\/span> \u0648\u062a\u0645\u062a\u062f \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u062a\u0642\u0646 \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631. \u0644\u0630\u0644\u0643 \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u062d\u062f\u064a\u062b\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629\u060c \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u062a\u0645\u064a\u0632 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.<\/p>\r\n            <p class=\"js-split-lines\">\u0643\u0645\u0627 \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u064a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u060c \u0648\u0644\u0630\u0644\u0643 \u0646\u0648\u0644\u064a \u0627\u0647\u062a\u0645\u0627\u0645\u064b\u0627 \u0643\u0628\u064a\u0631\u064b\u0627 \u0628\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u064a\u0629\u060c \u0648\u062a\u0645\u0643\u064a\u0646\u0647\u0627 \u0644\u062a\u0643\u0648\u0646 \u0639\u0646\u0635\u0631\u064b\u0627 \u0645\u062d\u0648\u0631\u064a\u064b\u0627 \u0641\u064a \u0628\u0646\u0627\u0621 \u0645\u0633\u062a\u0642\u0628\u0644 \u0623\u0643\u062b\u0631 \u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0633\u062a\u062f\u0627\u0645\u0629.<\/p>\r\n            <p class=\"js-split-lines\">\u0648\u0646\u0633\u0639\u0649 \u0644\u0623\u0646 \u0646\u0643\u0648\u0646 \u0634\u0631\u064a\u0643\u064b\u0627 \u0641\u0627\u0639\u0644\u064b\u0627 \u0641\u064a \u062a\u062d\u0642\u064a\u0642 <span class=\"bw-strong\">\u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 2030<\/span> \u0639\u0628\u0631 \u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u062a\u0633\u0645 \u0628\u0627\u0644\u062f\u0642\u0629\u060c \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629\u060c \u0648\u0627\u0644\u0642\u064a\u0645\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f\u060c \u0648\u062a\u064f\u0633\u0647\u0645 \u0641\u064a \u062f\u0639\u0645 \u0645\u0633\u064a\u0631\u0629 \u0627\u0644\u0648\u0637\u0646 \u0646\u062d\u0648 \u0631\u064a\u0627\u062f\u0629 \u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0648\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0645\u0633\u062a\u062d\u0642\u0629.<\/p>\r\n            <p class=\"js-split-lines\">\u0648\u0641\u064a \u0627\u0644\u062e\u062a\u0627\u0645\u060c \u0646\u0624\u0643\u062f \u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629\u060c \u0644\u062a\u0642\u062f\u064a\u0645 \u0623\u0639\u0645\u0627\u0644 \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a \u0648\u062a\u0639\u0643\u0633 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062b\u0642\u0629 \u0627\u0644\u062a\u064a \u064a\u0636\u0639\u0647\u0627 \u0639\u0645\u0644\u0627\u0624\u0646\u0627 \u0641\u064a\u0646\u0627.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  function splitWords(element, baseDelay, step) {\r\n    if (!element || element.dataset.splitted === \"true\") return;\r\n    var text = element.textContent.trim();\r\n    if (!text) return;\r\n    var words = text.split(\/\\s+\/);\r\n    var html = \"\";\r\n    words.forEach(function(word, index) {\r\n      html += '<span class=\"split-word\" style=\"transition-delay:' + (baseDelay + index * step).toFixed(2) + 's;\">' + word + '<\/span>';\r\n      if (index !== words.length - 1) html += '<span class=\"bw-word-space\"><\/span>';\r\n    });\r\n    element.innerHTML = html;\r\n    element.dataset.splitted = \"true\";\r\n  }\r\n\r\n  function splitLinesPseudo(element, baseDelay, step) {\r\n    if (!element || element.dataset.linesplitted === \"true\") return;\r\n    var childNodes = Array.prototype.slice.call(element.childNodes);\r\n    var lineIndex = 0;\r\n\r\n    childNodes.forEach(function(node) {\r\n      if (node.nodeType === 3) {\r\n        var text = node.textContent;\r\n        var parts = text.split(\/(?<=[\u060c.!\u061f])\/).filter(function(part) {\r\n          return part.trim() !== \"\";\r\n        });\r\n\r\n        if (parts.length) {\r\n          var fragment = document.createDocumentFragment();\r\n          parts.forEach(function(part) {\r\n            var span = document.createElement(\"span\");\r\n            span.className = \"split-line\";\r\n            span.style.transitionDelay = (baseDelay + lineIndex * step).toFixed(2) + \"s\";\r\n            span.textContent = part.trim() + \" \";\r\n            fragment.appendChild(span);\r\n            lineIndex++;\r\n          });\r\n          node.parentNode.replaceChild(fragment, node);\r\n        }\r\n      } else if (node.nodeType === 1 && node.classList.contains(\"bw-strong\")) {\r\n        node.classList.add(\"split-line\");\r\n        node.style.transitionDelay = (baseDelay + lineIndex * step).toFixed(2) + \"s\";\r\n        lineIndex++;\r\n      }\r\n    });\r\n\r\n    element.dataset.linesplitted = \"true\";\r\n  }\r\n\r\n  document.querySelectorAll(\".js-split-words\").forEach(function(el) {\r\n    splitWords(el, 0.06, 0.06);\r\n  });\r\n\r\n  document.querySelectorAll(\".js-split-lines\").forEach(function(el, idx) {\r\n    splitLinesPseudo(el, 0.12 + (idx * 0.08), 0.16);\r\n  });\r\n\r\n  var revealItems = document.querySelectorAll(\".reveal, .reveal-text-block\");\r\n  if (\"IntersectionObserver\" in window) {\r\n    var revealObserver = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add(\"is-visible\");\r\n        } else {\r\n          entry.target.classList.remove(\"is-visible\");\r\n        }\r\n      });\r\n    }, { threshold: 0.18, rootMargin: \"0px 0px -8% 0px\" });\r\n\r\n    revealItems.forEach(function(item) {\r\n      revealObserver.observe(item);\r\n    });\r\n  } else {\r\n    revealItems.forEach(function(item) {\r\n      item.classList.add(\"is-visible\");\r\n    });\r\n  }\r\n\r\n  var card = document.getElementById(\"bwTiltCard\");\r\n  if (card && window.innerWidth > 991) {\r\n    var maxTilt = 6;\r\n    card.addEventListener(\"mousemove\", function(e) {\r\n      var rect = card.getBoundingClientRect();\r\n      var x = e.clientX - rect.left;\r\n      var y = e.clientY - rect.top;\r\n      var rotateY = ((x \/ rect.width) - 0.5) * (maxTilt * 2);\r\n      var rotateX = ((y \/ rect.height) - 0.5) * (-maxTilt * 2);\r\n      card.style.transform = \"perspective(1200px) rotateX(\" + rotateX + \"deg) rotateY(\" + rotateY + \"deg) scale3d(1.015,1.015,1.015)\";\r\n    });\r\n\r\n    card.addEventListener(\"mouseleave\", function() {\r\n      card.style.transform = \"perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1,1,1)\";\r\n    });\r\n  }\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cdfdc35 e-con-full e-flex e-con e-parent\" data-id=\"cdfdc35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7315279 elementor-widget elementor-widget-html\" data-id=\"7315279\" 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    --title: #111111;\r\n    --subtitle: #767676;\r\n    --line: #dddddd;\r\n    --font-main: 'Tajawal', sans-serif;\r\n  }\r\n\r\n  #servicesTitleBlock {\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    background: #ffffff;\r\n    padding: 60px 5% 0;\r\n    text-align: center;\r\n  }\r\n\r\n  #servicesTitleBlock .title-wrap {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  #servicesTitleBlock .title-line {\r\n    width: 54px;\r\n    height: 1px;\r\n    background: var(--line);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  #servicesTitleBlock .main-title {\r\n    font-family: var(--font-main);\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    color: var(--title);\r\n    line-height: 1.2;\r\n    margin: 0;\r\n  }\r\n\r\n  #servicesTitleBlock .sub-title {\r\n    margin: 0 auto;\r\n    font-size: 13px;\r\n    line-height: 1.8;\r\n    color: var(--subtitle);\r\n    font-weight: 500;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    #servicesTitleBlock {\r\n      padding: 40px 18px 28px;\r\n    }\r\n\r\n    #servicesTitleBlock .title-line {\r\n      width: 28px;\r\n    }\r\n\r\n    #servicesTitleBlock .main-title {\r\n      font-size: 24px;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    #servicesTitleBlock .sub-title {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    #servicesTitleBlock .main-title {\r\n      font-size: 22px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"servicesTitleBlock\">\r\n  <div class=\"title-wrap\">\r\n    <span class=\"title-line\"><\/span>\r\n    <h2 class=\"main-title\">  \u0642\u0637\u0627\u0639\u0627\u062a \u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/h2>\r\n    <span class=\"title-line\"><\/span>\r\n  <\/div>\r\n  <p class=\"sub-title\">\r\n    \u0646\u0642\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u0637\u064a\u0628\u064a\u0629\r\n    \u0628\u0631\u0624\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629 \u0641\u064a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\r\n  <\/p>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25fdb38 elementor-widget elementor-widget-html\" data-id=\"25fdb38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Services Section<\/title>\r\n\r\n  <style>\r\n    *, *::before, *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    html, body {\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    \/* =========================================\r\n       SERVICES SECTION \u2014 Horizontal Scroll\r\n    ========================================= *\/\r\n\r\n    #servicesSection {\r\n      position: relative;\r\n      width: 100%;\r\n      background: #ffffff;\r\n      direction: rtl;\r\n    }\r\n\r\n    #servicesSection .services-pin-wrap {\r\n      position: sticky;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 100vh;\r\n      overflow: hidden;\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n\r\n    #servicesSection .services-track {\r\n      display: flex;\r\n      flex-direction: row;\r\n      direction: rtl;\r\n      align-items: center;\r\n      gap: clamp(10px, 1.4vw, 20px);\r\n      width: max-content;\r\n      padding-inline: max(4vw, 20px);\r\n      will-change: transform;\r\n    }\r\n\r\n    #servicesSection .service-item {\r\n      flex: 0 0 auto;\r\n      width: clamp(260px, 85vw, 980px);\r\n      max-width: 100%;\r\n      will-change: transform;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n      #servicesSection .service-item {\r\n        width: clamp(560px, 74vw, 980px);\r\n      }\r\n    }\r\n\r\n    @media (min-width: 1200px) {\r\n      #servicesSection .service-item {\r\n        width: clamp(760px, 72vw, 980px);\r\n      }\r\n    }\r\n\r\n    \/* =========================================\r\n       CARD STYLES\r\n    ========================================= *\/\r\n\r\n    #servicesSection .service-card {\r\n      direction: rtl;\r\n      position: relative;\r\n      width: 100%;\r\n      height: clamp(380px, 78vh, 860px);\r\n      border-radius: clamp(14px, 1.8vw, 24px);\r\n      overflow: hidden;\r\n      display: block;\r\n      background: #111;\r\n      isolation: isolate;\r\n      cursor: pointer;\r\n    }\r\n\r\n    #servicesSection .service-card::before {\r\n      content: attr(data-number);\r\n      position: absolute;\r\n      top: clamp(12px, 1.8vw, 22px);\r\n      left: clamp(14px, 2vw, 24px);\r\n      z-index: 5;\r\n      font-size: clamp(38px, 6.5vw, 96px);\r\n      font-weight: 900;\r\n      line-height: 1;\r\n      color: rgba(255, 255, 255, 0.14);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #servicesSection .card-bg-image {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      border-radius: inherit;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #servicesSection .card-bg-image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      filter: grayscale(1) brightness(0.72);\r\n      transition: filter 0.35s ease;\r\n      border-radius: inherit;\r\n    }\r\n\r\n    #servicesSection .service-card:hover .card-bg-image img {\r\n      filter: grayscale(0) brightness(0.9);\r\n    }\r\n\r\n    #servicesSection .card-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      border-radius: inherit;\r\n      pointer-events: none;\r\n      background: linear-gradient(\r\n        145deg,\r\n        rgba(0, 0, 0, 0.56) 0%,\r\n        rgba(0, 0, 0, 0.16) 52%,\r\n        rgba(0, 0, 0, 0.42) 100%\r\n      );\r\n    }\r\n\r\n    #servicesSection .card-content {\r\n      position: absolute;\r\n      bottom: clamp(18px, 3vh, 44px);\r\n      right: clamp(16px, 3vw, 44px);\r\n      left: auto;\r\n      z-index: 4;\r\n      width: min(420px, 54%);\r\n      text-align: right;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      #servicesSection .card-content {\r\n        right: 16px;\r\n        left: 16px;\r\n        width: auto;\r\n        bottom: 18px;\r\n      }\r\n    }\r\n\r\n    #servicesSection .service-title {\r\n      width: 100%;\r\n      font-size: clamp(24px, 2.4vw, 48px);\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n      color: #ffffff;\r\n      margin: 0 0 10px;\r\n      text-align: right;\r\n      text-shadow: 0 2px 14px rgba(0, 0, 0, 0.4);\r\n    }\r\n\r\n    #servicesSection .service-desc {\r\n      width: 100%;\r\n      font-size: clamp(14px, 1.1vw, 22px);\r\n      line-height: 1.9;\r\n      color: rgba(255, 255, 255, 0.93);\r\n      margin: 0 0 16px;\r\n      text-align: right;\r\n      text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    \/* =========================================\r\n       CUSTOM BUTTON STYLE\r\n    ========================================= *\/\r\n\r\n    #servicesSection .service-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      min-width: 190px;\r\n      height: 50px;\r\n      padding: 0 24px;\r\n      border-radius: 999px;\r\n      text-decoration: none;\r\n      color: #ffffff;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      line-height: 1;\r\n      background: linear-gradient(180deg, rgba(60, 60, 60, 0.42) 0%, rgba(20, 20, 20, 0.72) 100%);\r\n      border: 1px solid rgba(255, 255, 255, 0.22);\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.08),\r\n        0 8px 24px rgba(0, 0, 0, 0.28);\r\n      backdrop-filter: blur(8px);\r\n      -webkit-backdrop-filter: blur(8px);\r\n      transition: all 0.3s ease;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #servicesSection .service-btn:hover {\r\n      transform: translateY(-2px);\r\n      background: linear-gradient(180deg, rgba(80, 80, 80, 0.52) 0%, rgba(25, 25, 25, 0.82) 100%);\r\n      border-color: rgba(255, 255, 255, 0.35);\r\n      box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.12),\r\n        0 12px 30px rgba(0, 0, 0, 0.34);\r\n    }\r\n\r\n    #servicesSection .service-btn .btn-icon {\r\n      width: 30px;\r\n      height: 30px;\r\n      border-radius: 50%;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: rgba(255, 255, 255, 0.06);\r\n      border: 1px solid rgba(255, 255, 255, 0.08);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    #servicesSection .service-btn .btn-icon svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      stroke: currentColor;\r\n    }\r\n\r\n    \/* \u0645\u0624\u0634\u0631 scroll \u0628\u0635\u0631\u064a \u0641\u064a \u0627\u0644\u0623\u0633\u0641\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n    .scroll-hint {\r\n      position: fixed;\r\n      bottom: 22px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      z-index: 100;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      background: rgba(0,0,0,0.55);\r\n      backdrop-filter: blur(6px);\r\n      -webkit-backdrop-filter: blur(6px);\r\n      color: #fff;\r\n      font-size: 12px;\r\n      padding: 6px 14px;\r\n      border-radius: 999px;\r\n      pointer-events: none;\r\n      opacity: 0;\r\n      transition: opacity 0.4s ease;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .scroll-hint.visible {\r\n      opacity: 1;\r\n    }\r\n\r\n    .scroll-hint svg {\r\n      flex-shrink: 0;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- \u0645\u0624\u0634\u0631 \u0627\u0644\u0640 Scroll -->\r\n  <div class=\"scroll-hint\" id=\"scrollHint\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <path d=\"M12 5v14M5 12l7 7 7-7\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <section id=\"servicesSection\">\r\n    <div class=\"services-pin-wrap\" id=\"servicesPinWrap\">\r\n      <div class=\"services-track\" id=\"servicesTrack\">\r\n\r\n        <div class=\"service-item\">\r\n          <div class=\"service-card\" data-number=\"01\">\r\n            <div class=\"card-bg-image\">\r\n              <img decoding=\"async\" src=\"http:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2024-05-12-at-2.10.16-AM-1.jpeg\" alt=\"\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-content\">\r\n              <h3 class=\"service-title\">\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u064a<\/h3>\r\n              <p class=\"service-desc\">\u062d\u0644\u0648\u0644 \u0647\u0646\u062f\u0633\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 (\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629)<\/p>\r\n              <a href=\"#\" class=\"service-btn\">\r\n                <span class=\"btn-text\">\u0627\u0637\u0644\u0639 \u0639\u0644\u0649 \u0627\u0644\u0642\u0633\u0645<\/span>\r\n                <span class=\"btn-icon\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M19 12H5\"><\/path>\r\n                    <path d=\"M11 6L5 12L11 18\"><\/path>\r\n                  <\/svg>\r\n                <\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-item\">\r\n          <div class=\"service-card\" data-number=\"02\">\r\n            <div class=\"card-bg-image\">\r\n              <img decoding=\"async\" src=\"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0642\u0637\u0627\u0639-\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a.webp\" alt=\"\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-content\">\r\n              <h3 class=\"service-title\">\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a<\/h3>\r\n              <p class=\"service-desc\">\u062a\u0635\u0645\u064a\u0645 \u0628\u064a\u0626\u0627\u062a \u062a\u062f\u0639\u0645 (\u0627\u0644\u062a\u0639\u0644\u0645) \u0648(\u0627\u0644\u062a\u0641\u0627\u0639\u0644)<\/p>\r\n              <a href=\"https:\/\/almahab.store\/project-category\/%d8%a7%d9%84%d9%82%d8%b7%d8%a7%d8%b9-%d8%a7%d9%84%d8%aa%d8%b9%d9%84%d9%8a%d9%85%d9%8a\/\" class=\"service-btn\">\r\n                <span class=\"btn-text\">\u0627\u0637\u0644\u0639 \u0639\u0644\u0649 \u0627\u0644\u0642\u0633\u0645<\/span>\r\n                <span class=\"btn-icon\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M19 12H5\"><\/path>\r\n                    <path d=\"M11 6L5 12L11 18\"><\/path>\r\n                  <\/svg>\r\n                <\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-item\">\r\n          <div class=\"service-card\" data-number=\"03\">\r\n            <div class=\"card-bg-image\">\r\n              <img decoding=\"async\" src=\"http:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0627\u0639\u0645\u0627\u0644-\u0627\u0644\u062f\u064a\u0643\u0648\u0631.webp\" alt=\"\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-content\">\r\n              <h3 class=\"service-title\">\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u062c\u0627\u0631\u064a<\/h3>\r\n              <p class=\"service-desc\">\u0645\u0633\u0627\u062d\u0627\u062a \u062a\u0639\u0632\u0632 (\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0639\u0645\u064a\u0644) \u0648(\u0647\u0648\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629)<\/p>\r\n              <a href=\"https:\/\/almahab.store\/project-category\/%d8%a7%d9%84%d9%82%d8%b7%d8%a7%d8%b9-%d8%a7%d9%84%d8%aa%d8%ac%d8%a7%d8%b1%d9%8a\/\" class=\"service-btn\">\r\n                <span class=\"btn-text\">\u0627\u0637\u0644\u0639 \u0639\u0644\u0649 \u0627\u0644\u0642\u0633\u0645<\/span>\r\n                <span class=\"btn-icon\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M19 12H5\"><\/path>\r\n                    <path d=\"M11 6L5 12L11 18\"><\/path>\r\n                  <\/svg>\r\n                <\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-item\">\r\n          <div class=\"service-card\" data-number=\"04\">\r\n            <div class=\"card-bg-image\">\r\n              <img decoding=\"async\" src=\"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0642\u0637\u0627\u0639-\u0627\u0644\u0633\u0643\u0646\u064a.webp\" alt=\"\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0633\u0643\u0646\u064a\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-content\">\r\n              <h3 class=\"service-title\">\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0633\u0643\u0646\u064a<\/h3>\r\n              <p class=\"service-desc\">\u062a\u0635\u0627\u0645\u064a\u0645 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 (\u0627\u0644\u0631\u0627\u062d\u0629) \u0648(\u0627\u0644\u062c\u0645\u0627\u0644) \u0648(\u0627\u0644\u0648\u0638\u064a\u0641\u0629)<\/p>\r\n              <a href=\"https:\/\/almahab.store\/project-category\/%d8%a7%d9%84%d9%82%d8%b7%d8%a7%d8%b9-%d8%a7%d9%84%d8%b3%d9%83%d9%86%d9%8a\/\" class=\"service-btn\">\r\n                <span class=\"btn-text\">\u0627\u0637\u0644\u0639 \u0639\u0644\u0649 \u0627\u0644\u0642\u0633\u0645<\/span>\r\n                <span class=\"btn-icon\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M19 12H5\"><\/path>\r\n                    <path d=\"M11 6L5 12L11 18\"><\/path>\r\n                  <\/svg>\r\n                <\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-item\">\r\n          <div class=\"service-card\" data-number=\"05\">\r\n            <div class=\"card-bg-image\">\r\n              <img decoding=\"async\" src=\"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/r3.webp\" alt=\"\u0627\u0644\u0623\u062b\u0627\u062b \u0648\u0627\u0644\u0642\u0637\u0639\" loading=\"lazy\">\r\n            <\/div>\r\n            <div class=\"card-overlay\"><\/div>\r\n            <div class=\"card-content\">\r\n              <h3 class=\"service-title\">\u0627\u0644\u0623\u062b\u0627\u062b \u0648\u0627\u0644\u0642\u0637\u0639<\/h3>\r\n              <p class=\"service-desc\">\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0641\u064a\u0630 \u0642\u0637\u0639 (\u0645\u062e\u0635\u0635\u0629) \u062a\u0636\u064a\u0641 \u0642\u064a\u0645\u0629 \u062c\u0645\u0627\u0644\u064a\u0629 \u0648\u0648\u0638\u064a\u0641\u064a\u0629<\/p>\r\n              <a href=\"https:\/\/almahab.store\/project-category\/%d8%a7%d9%84%d8%a3%d8%ab%d8%a7%d8%ab-%d9%88%d8%a7%d9%84%d9%82%d8%b7%d8%b9\/\" class=\"service-btn\">\r\n                <span class=\"btn-text\">\u0627\u0637\u0644\u0639 \u0639\u0644\u0649 \u0627\u0644\u0642\u0633\u0645<\/span>\r\n                <span class=\"btn-icon\">\r\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M19 12H5\"><\/path>\r\n                    <path d=\"M11 6L5 12L11 18\"><\/path>\r\n                  <\/svg>\r\n                <\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- GSAP -->\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/gsap.min.js\"><\/script>\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/ScrollTrigger.min.js\"><\/script>\r\n\r\n  <script>\r\n    (function () {\r\n      'use strict';\r\n\r\n      const section = document.getElementById('servicesSection');\r\n      const pinWrap = document.getElementById('servicesPinWrap');\r\n      const track = document.getElementById('servicesTrack');\r\n      const hint = document.getElementById('scrollHint');\r\n\r\n      if (!section || !pinWrap || !track) return;\r\n      if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\r\n\r\n      gsap.registerPlugin(ScrollTrigger);\r\n\r\n      let st = null;\r\n      let tw = null;\r\n\r\n      function build() {\r\n        if (st) {\r\n          st.kill();\r\n          st = null;\r\n        }\r\n\r\n        if (tw) {\r\n          tw.kill();\r\n          tw = null;\r\n        }\r\n\r\n        gsap.set(track, { clearProps: 'transform' });\r\n\r\n        const viewW = pinWrap.clientWidth;\r\n        const trackW = track.scrollWidth;\r\n        const maxMove = Math.max(0, trackW - viewW);\r\n\r\n        if (maxMove <= 0) return;\r\n\r\n        section.style.height = (window.innerHeight + maxMove) + 'px';\r\n\r\n        tw = gsap.to(track, {\r\n          x: maxMove,\r\n          ease: 'none'\r\n        });\r\n\r\n        st = ScrollTrigger.create({\r\n          animation: tw,\r\n          trigger: section,\r\n          start: 'top top',\r\n          end: () => '+=' + maxMove,\r\n          scrub: 0.8,\r\n          pin: pinWrap,\r\n          pinSpacing: false,\r\n          anticipatePin: 1,\r\n          invalidateOnRefresh: true,\r\n        });\r\n\r\n        showHint();\r\n      }\r\n\r\n      function showHint() {\r\n        if (!hint) return;\r\n        hint.classList.add('visible');\r\n        const hide = () => {\r\n          hint.classList.remove('visible');\r\n        };\r\n        window.addEventListener('scroll', hide, { once: true });\r\n      }\r\n\r\n      function init() {\r\n        build();\r\n        ScrollTrigger.refresh();\r\n      }\r\n\r\n      if (document.readyState === 'complete') {\r\n        init();\r\n      } else {\r\n        window.addEventListener('load', init);\r\n      }\r\n\r\n      let resizeTimer;\r\n      window.addEventListener('resize', () => {\r\n        clearTimeout(resizeTimer);\r\n        resizeTimer = setTimeout(() => {\r\n          section.style.height = '';\r\n          init();\r\n        }, 200);\r\n      });\r\n    })();\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4224ae5 e-con-full e-flex e-con e-parent\" data-id=\"4224ae5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97e8802 elementor-widget elementor-widget-html\" data-id=\"97e8802\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>\u0634\u0631\u0643\u0627\u0624\u0646\u0627 - \u0633\u0648\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629<\/title>\r\n\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@700;800;900&family=Tajawal:wght@300;500;700;800;900&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n    <style>\r\n        :root {\r\n            --text-main: #ffffff;\r\n            --text-muted: rgba(255, 255, 255, 0.78);\r\n            --accent-line: rgba(255, 255, 255, 0.30);\r\n            --font-ar: 'Tajawal', sans-serif;\r\n            --font-en: 'Inter', sans-serif;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            background: #000;\r\n            overflow-x: hidden;\r\n            font-family: var(--font-ar);\r\n        }\r\n\r\n        .container {\r\n            width: 100%;\r\n            max-width: 100% !important;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .snap-section {\r\n            min-height: 100vh;\r\n            min-height: 100svh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n        }\r\n@media (min-width: 1024px) {\r\n    .partners-section {\r\n        background-attachment: fixed;\r\n    }\r\n}\r\n        .partners-section {\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            min-height: 100svh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            padding: 56px 24px;\r\n            isolation: isolate;\r\n            overflow: hidden;\r\n      background-image: url('https:\/\/images.unsplash.com\/photo-1541888946425-d81bb19240f5?q=80&w=2070&auto=format&fit=crop');\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n    background-attachment: scroll;\r\n        }\r\n\r\n        .partners-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: -5%;\r\n            background:\r\n                radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0%, transparent 22%),\r\n                radial-gradient(circle at 80% 30%, rgba(255,255,255,0.05) 0%, transparent 24%),\r\n                radial-gradient(circle at 50% 80%, rgba(255,255,255,0.04) 0%, transparent 24%);\r\n            animation: bgFloat 12s ease-in-out infinite alternate;\r\n            z-index: 0;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .partners-section::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(\r\n                rgba(0, 0, 0, 0.72),\r\n                rgba(0, 0, 0, 0.55)\r\n            );\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .section-header {\r\n            margin-bottom: 42px;\r\n        }\r\n\r\n        .section-title-wrap {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 22px;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .section-title-line {\r\n            width: 90px;\r\n            max-width: 18vw;\r\n            height: 1px;\r\n            background: var(--accent-line);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .section-title {\r\n            font-family: var(--font-ar);\r\n            font-size: 38px;\r\n            font-weight: 800;\r\n            color: #fff !important;\r\n            line-height: 1.2;\r\n            margin: 0;\r\n            text-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);\r\n        }\r\n\r\n        .section-description {\r\n            margin: 0 auto;\r\n            font-size: 17px;\r\n            color: var(--soft) !important;\r\n            line-height: 1.85;\r\n            text-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);\r\n        }\r\n\r\n        .partners-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(8, minmax(0, 1fr));\r\n            gap: 20px 12px;\r\n            justify-items: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .partner-card {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 150px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 10px;\r\n            background: transparent;\r\n            border: none;\r\n            box-shadow: none;\r\n            overflow: visible;\r\n            opacity: 0;\r\n            animation: fadeUp 0.95s ease forwards;\r\n            animation-delay: var(--card-delay, 0s);\r\n        }\r\n\r\n        .partner-logo {\r\n            width: 150px;\r\n            height: 70px;\r\n            max-width: 100%;\r\n            object-fit: contain;\r\n            display: block;\r\n             filter: brightness(0) invert(1);\r\n    -webkit-filter: brightness(0) invert(1);\r\n            transition:\r\n                transform 0.45s ease,\r\n                filter 0.45s ease,\r\n                opacity 0.45s ease;\r\n            position: relative;\r\n            z-index: 2;\r\n            animation: floatSoft 3s ease-in-out infinite;\r\n            animation-delay: var(--float-delay, 0s);\r\n            transform-origin: center center;\r\n            opacity: 0.95;\r\n            will-change: transform, filter;\r\n             -webkit-backface-visibility: hidden;\r\n    transform: translateZ(0);\r\n    -webkit-transform: translateZ(0);\r\n    will-change: transform, opacity;\r\n        }\r\n.partner-card:hover .partner-logo {\r\n  transform: translateZ(0) scale(1.05) translateY(-4px);\r\n  -webkit-transform: translateZ(0) scale(1.05) translateY(-4px);\r\n  opacity: 1;\r\n  filter: none;\r\n  -webkit-filter: none;\r\n}\r\n\r\n        @keyframes fadeUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(28px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes floatSoft {\r\n            0%   { transform: translate3d(0, 0, 0); }\r\n            25%  { transform: translate3d(0, -8px, 0); }\r\n            50%  { transform: translate3d(0, 0, 0); }\r\n            75%  { transform: translate3d(0, -5px, 0); }\r\n            100% { transform: translate3d(0, 0, 0); }\r\n        }\r\n\r\n        @keyframes bgFloat {\r\n            0% {\r\n                transform: translate3d(0, 0, 0) scale(1);\r\n            }\r\n            100% {\r\n                transform: translate3d(0, -16px, 0) scale(1.03);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1400px) {\r\n            .partners-grid {\r\n                gap: 22px 16px;\r\n            }\r\n\r\n            .partner-card {\r\n                min-height: 135px;\r\n            }\r\n\r\n            .partner-logo {\r\n                width: 200px;\r\n                height: 110px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1100px) {\r\n            .partners-section {\r\n                padding: 54px 22px;\r\n            }\r\n\r\n            .partners-grid {\r\n                grid-template-columns: repeat(6, minmax(0, 1fr));\r\n                gap: 18px 14px;\r\n            }\r\n\r\n            .section-header {\r\n                margin-bottom: 28px;\r\n            }\r\n\r\n            .section-description {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .partner-card {\r\n                min-height: 125px;\r\n            }\r\n\r\n            .partner-logo {\r\n                width: 180px;\r\n                height: 100px;\r\n            }\r\n\r\n            .section-title-wrap {\r\n                gap: 16px;\r\n            }\r\n\r\n            .section-title-line {\r\n                width: 70px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 767px) {\r\n            .snap-section,\r\n            .partners-section {\r\n                min-height: auto;\r\n            }\r\n\r\n            .partners-section {\r\n                padding: 70px 18px 60px;\r\n            }\r\n\r\n            .section-header {\r\n                margin-bottom: 26px;\r\n            }\r\n\r\n            .section-title-wrap {\r\n                gap: 12px;\r\n                margin-bottom: 14px;\r\n            }\r\n\r\n            .section-title-line {\r\n                width: 50px;\r\n                max-width: 65px;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 24px;\r\n                line-height: 1.3;\r\n            }\r\n\r\n            .section-description {\r\n                font-size: 15px;\r\n                line-height: 1.8;\r\n            }\r\n\r\n            .partners-grid {\r\n                grid-template-columns: repeat(4, minmax(0, 1fr));\r\n                gap: 14px 10px;\r\n            }\r\n\r\n            .partner-card {\r\n                min-height: 100px;\r\n                padding: 8px;\r\n            }\r\n\r\n            .partner-logo {\r\n                width: 135px;\r\n                height: 78px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .partners-grid {\r\n                gap: 10px 8px;\r\n            }\r\n\r\n            .partner-card {\r\n                min-height: 90px;\r\n            }\r\n\r\n            .partner-logo {\r\n                width: 118px;\r\n                height: 68px;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 22px;\r\n            }\r\n        }\r\n\r\n        @media (max-height: 780px) and (min-width: 992px) {\r\n            .partners-section {\r\n                padding-top: 38px;\r\n                padding-bottom: 38px;\r\n            }\r\n\r\n            .section-header {\r\n                margin-bottom: 24px;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 38px;\r\n                margin: 0;\r\n            }\r\n\r\n            .section-description {\r\n                font-size: 14px;\r\n                line-height: 1.75;\r\n                max-width: 700px;\r\n            }\r\n\r\n            .partners-grid {\r\n                gap: 12px 12px;\r\n            }\r\n\r\n            .partner-card {\r\n                min-height: 110px;\r\n            }\r\n\r\n            .partner-logo {\r\n                width: 150px;\r\n                height: 84px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"snap-section partners-section\">\r\n        <div class=\"container\">\r\n            <header class=\"section-header\">\r\n                <div class=\"section-title-wrap\">\r\n                    <span class=\"section-title-line\"><\/span>\r\n                                   <h2 class=\"section-title\">\u0648\u062b\u0642\u0648 \u0628\u0646\u0627 <\/h2>\r\n                    <span class=\"section-title-line\"><\/span>\r\n                <\/div>\r\n\r\n                <p class=\"section-description\">\r\n                    \u0646\u0641\u062e\u0631 \u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0643\u064a\u0627\u0646\u0627\u062a \u0631\u0627\u0626\u062f\u0629 \u0639\u0627\u0644\u0645\u064a\u0627\u064b \u0648\u0645\u062d\u0644\u064a\u0627\u064b\u060c \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u062a\u062a\u062e\u0637\u0649 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a \u0648\u062a\u0633\u0627\u0647\u0645 \u0641\u064a \u0628\u0646\u0627\u0621 \u0645\u0633\u062a\u0642\u0628\u0644 \u0647\u0646\u062f\u0633\u064a \u0645\u062a\u0645\u064a\u0632.\r\n                <\/p>\r\n            <\/header>\r\n\r\n            <div class=\"partners-grid\">\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-01-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-02-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-03-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-04-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-05-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-06-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-07-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-09-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-10-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-11-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-12-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-13-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%b4%d8%b1%d9%83%d8%a7%d8%aa-14-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-01-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-02-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-03-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/Saudi-Airlines-Ar-01.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-05-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-06-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-07-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-08-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-09-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-10-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-11-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-12-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-13-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-14-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-15-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/AES-Logos-1-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-17-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n                <div class=\"partner-card\"><img src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/\u0634\u0631\u0643\u0627\u0621-\u0633\u0648\u0627\u062a-01-18-scaled.png\" alt=\"Logo\" class=\"partner-logo\"  decoding=\"async\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        const partnerCards = document.querySelectorAll('.partner-card');\r\n\r\n        partnerCards.forEach((card, index) => {\r\n            const logo = card.querySelector('.partner-logo');\r\n            card.style.setProperty('--card-delay', `${index * 0.08}s`);\r\n            logo.style.setProperty('--float-delay', `${(index % 8) * 0.22}s`);\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40afbde e-con-full e-flex e-con e-parent\" data-id=\"40afbde\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c419f1a elementor-widget elementor-widget-html\" data-id=\"c419f1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/title>\r\n\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;800;900&family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\r\n\r\n  <style>\r\n    *{\r\n      margin:0;\r\n      padding:0;\r\n      box-sizing:border-box;\r\n    }\r\n\r\n    body{\r\n      background:#ffffff;\r\n      color:#111111;\r\n      font-family:\"Cairo\", sans-serif;\r\n      overflow-x:hidden;\r\n    }\r\n\r\n    .noir-services-block{\r\n      position:relative;\r\n      padding:120px 5%;\r\n      background:\r\n        radial-gradient(circle at top right, rgba(0,0,0,0.04), transparent 24%),\r\n        radial-gradient(circle at bottom left, rgba(0,0,0,0.03), transparent 20%),\r\n        linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);\r\n      overflow:hidden;\r\n      isolation:isolate;\r\n    }\r\n\r\n  \r\n\r\n    .noir-services-inner{\r\n      position:relative;\r\n      z-index:2;\r\n      max-width:1320px;\r\n      margin:0 auto;\r\n    }\r\n\r\n    .noir-services-header{\r\n      text-align:center;\r\n      max-width:930px;\r\n      margin:0 auto 70px;\r\n    }\r\n\r\n    .noir-services-mini{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:10px 18px;\r\n      border:1px solid rgba(17,17,17,0.10);\r\n      border-radius:999px;\r\n      background:rgba(255,255,255,0.82);\r\n      backdrop-filter:blur(10px);\r\n      font-size:13px;\r\n      font-weight:800;\r\n      color:#111111;\r\n      margin-bottom:20px;\r\n      letter-spacing:.2px;\r\n    }\r\n\r\n    .noir-services-mini::before,\r\n    .noir-services-mini::after{\r\n      content:\"\";\r\n      width:6px;\r\n      height:6px;\r\n      border-radius:50%;\r\n      background:#111111;\r\n      opacity:.75;\r\n    }\r\n\r\n    .noir-services-title{\r\n      font-family:\"Tajawal\", sans-serif;\r\n      font-size:46px;\r\n      line-height:1.2;\r\n      font-weight:900;\r\n      color:#111111;\r\n      margin-bottom:18px;\r\n      letter-spacing:-.5px;\r\n    }\r\n\r\n    .noir-services-description{\r\n      font-size:17px;\r\n      line-height:2;\r\n      color:#5a5a5a;\r\n      max-width:860px;\r\n      margin:0 auto;\r\n    }\r\n\r\n    .noir-services-description .tone-strong{\r\n      color:#111111;\r\n      font-weight:800;\r\n    }\r\n\r\n    .noir-services-layout{\r\n      display:grid;\r\n      grid-template-columns:repeat(3,minmax(0,1fr));\r\n      gap:26px;\r\n      align-items:stretch;\r\n    }\r\n\r\n    .noir-service-panel{\r\n      position:relative;\r\n      padding:34px 28px 30px;\r\n      min-height:350px;\r\n      border-radius:30px;\r\n      background:rgba(255,255,255,0.92);\r\n      border:1px solid rgba(17,17,17,0.09);\r\n      box-shadow:\r\n        0 20px 50px rgba(0,0,0,0.05),\r\n        inset 0 1px 0 rgba(255,255,255,0.9);\r\n      overflow:hidden;\r\n      transition:\r\n        transform .45s ease,\r\n        box-shadow .35s ease,\r\n        border-color .35s ease;\r\n      backdrop-filter:blur(10px);\r\n      display:flex;\r\n      flex-direction:column;\r\n    }\r\n\r\n    .noir-service-panel::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      top:0;\r\n      right:0;\r\n      width:100%;\r\n      height:1px;\r\n      background:linear-gradient(90deg, transparent, rgba(0,0,0,0.2), transparent);\r\n    }\r\n\r\n    .noir-service-panel::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:\r\n        radial-gradient(circle at top left, rgba(0,0,0,0.035), transparent 34%),\r\n        linear-gradient(180deg, rgba(255,255,255,0.45), transparent 55%);\r\n      opacity:0;\r\n      transition:opacity .4s ease;\r\n      pointer-events:none;\r\n    }\r\n\r\n    .noir-service-panel:hover{\r\n      transform:translateY(-10px);\r\n      border-color:rgba(17,17,17,0.16);\r\n      box-shadow:\r\n        0 30px 70px rgba(0,0,0,0.09),\r\n        inset 0 1px 0 rgba(255,255,255,0.95);\r\n    }\r\n\r\n    .noir-service-panel:hover::after{\r\n      opacity:1;\r\n    }\r\n\r\n    .noir-service-topline{\r\n      display:flex;\r\n      align-items:flex-start;\r\n      justify-content:space-between;\r\n      gap:16px;\r\n      margin-bottom:30px;\r\n      position:relative;\r\n      z-index:2;\r\n    }\r\n\r\n    .noir-service-badge{\r\n      width:68px;\r\n      height:68px;\r\n      border-radius:22px;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      background:#111111;\r\n      color:#ffffff;\r\n      box-shadow:0 14px 30px rgba(0,0,0,0.10);\r\n      transition:transform .35s ease, border-radius .35s ease;\r\n      flex-shrink:0;\r\n    }\r\n\r\n    .noir-service-badge i{\r\n      font-size:24px;\r\n    }\r\n\r\n    .noir-service-panel:hover .noir-service-badge{\r\n      transform:translateY(-3px);\r\n      border-radius:18px;\r\n    }\r\n\r\n    .noir-service-index{\r\n      font-size:72px;\r\n      line-height:1;\r\n      font-weight:900;\r\n      color:rgba(17,17,17,0.07);\r\n      letter-spacing:-4px;\r\n      user-select:none;\r\n    }\r\n\r\n    .noir-service-name{\r\n      position:relative;\r\n      z-index:2;\r\n      font-size:30px;\r\n      line-height:1.4;\r\n      font-weight:900;\r\n      color:#111111;\r\n      margin-bottom:10px;\r\n      letter-spacing:-.2px;\r\n    }\r\n\r\n    .noir-service-name span{\r\n      display:block;\r\n      margin-top:3px;\r\n      font-size:17px;\r\n      font-weight:700;\r\n      color:#666666;\r\n      letter-spacing:.3px;\r\n    }\r\n\r\n    .noir-service-copy{\r\n      position:relative;\r\n      z-index:2;\r\n      font-size:15px;\r\n      line-height:2;\r\n      color:#555555;\r\n      margin-bottom:28px;\r\n    }\r\n\r\n    .noir-service-copy .ink-strong{\r\n      color:#111111;\r\n      font-weight:800;\r\n    }\r\n\r\n    .noir-service-line{\r\n      margin-top:auto;\r\n      position:relative;\r\n      z-index:2;\r\n      padding-top:18px;\r\n      border-top:1px solid rgba(17,17,17,0.08);\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      gap:14px;\r\n    }\r\n\r\n    .noir-service-note{\r\n      font-size:13px;\r\n      font-weight:700;\r\n      color:#444444;\r\n      letter-spacing:.2px;\r\n    }\r\n\r\n    .noir-service-mark{\r\n      width:34px;\r\n      height:34px;\r\n      border-radius:50%;\r\n      border:1px solid rgba(17,17,17,0.10);\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      background:#f7f7f7;\r\n      color:#111111;\r\n      flex-shrink:0;\r\n      transition:transform .35s ease, background .35s ease;\r\n    }\r\n\r\n    .noir-service-mark i{\r\n      font-size:12px;\r\n    }\r\n\r\n    .noir-service-panel:hover .noir-service-mark{\r\n      transform:scale(1.06);\r\n      background:#efefef;\r\n    }\r\n\r\n    .noir-reveal{\r\n      opacity:0;\r\n      transform:translateY(40px);\r\n      transition:opacity .9s ease, transform .9s ease;\r\n    }\r\n\r\n    .noir-reveal.noir-visible{\r\n      opacity:1;\r\n      transform:translateY(0);\r\n    }\r\n\r\n    .noir-service-panel.noir-reveal:nth-child(1){ transition-delay:.08s; }\r\n    .noir-service-panel.noir-reveal:nth-child(2){ transition-delay:.18s; }\r\n    .noir-service-panel.noir-reveal:nth-child(3){ transition-delay:.28s; }\r\n\r\n    @media (max-width:1100px){\r\n      .noir-services-layout{\r\n        grid-template-columns:repeat(2,minmax(0,1fr));\r\n      }\r\n\r\n      .noir-services-title{\r\n        font-size:38px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:768px){\r\n      .noir-services-block{\r\n        padding:80px 16px;\r\n      }\r\n\r\n      .noir-services-header{\r\n        margin-bottom:42px;\r\n      }\r\n\r\n      .noir-services-title{\r\n        font-size:30px;\r\n      }\r\n\r\n      .noir-services-description{\r\n        font-size:14px;\r\n        line-height:1.9;\r\n      }\r\n\r\n      .noir-services-layout{\r\n        grid-template-columns:1fr;\r\n        gap:18px;\r\n      }\r\n\r\n      .noir-service-panel{\r\n        min-height:auto;\r\n        padding:24px 18px 22px;\r\n        border-radius:24px;\r\n      }\r\n\r\n      .noir-service-badge{\r\n        width:58px;\r\n        height:58px;\r\n        border-radius:18px;\r\n      }\r\n\r\n      .noir-service-badge i{\r\n        font-size:20px;\r\n      }\r\n\r\n      .noir-service-index{\r\n        font-size:54px;\r\n      }\r\n\r\n      .noir-service-name{\r\n        font-size:24px;\r\n      }\r\n\r\n      .noir-service-name span{\r\n        font-size:15px;\r\n      }\r\n\r\n      .noir-service-copy{\r\n        font-size:14px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"noir-services-block\">\r\n    <div class=\"noir-services-inner\">\r\n\r\n      <div class=\"noir-services-header noir-reveal\">\r\n \r\n        <h2 class=\"noir-services-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/h2>\r\n\r\n        <p class=\"noir-services-description\">\r\n          \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0634\u0645\u0644\r\n          <span class=\"tone-strong\">\u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/span>\u060c\r\n          <span class=\"tone-strong\">\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/span>\u060c\r\n          \u0648<span class=\"tone-strong\">\u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/span>\r\n          \u0644\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0648\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"noir-services-layout\">\r\n\r\n        <div class=\"noir-service-panel noir-reveal\">\r\n          <div class=\"noir-service-topline\">\r\n            <div class=\"noir-service-badge\">\r\n              <i class=\"fa-solid fa-pen-ruler\"><\/i>\r\n            <\/div>\r\n            <div class=\"noir-service-index\">01<\/div>\r\n          <\/div>\r\n\r\n          <h3 class=\"noir-service-name\">\r\n            \u0627\u0644\u062a\u0635\u0645\u064a\u0645\r\n            <span>Design<\/span>\r\n          <\/h3>\r\n\r\n          <p class=\"noir-service-copy\">\r\n            \u062d\u0644\u0648\u0644 <span class=\"ink-strong\">\u0625\u0628\u062f\u0627\u0639\u064a\u0629<\/span> \u0648<span class=\"ink-strong\">\u0648\u0638\u064a\u0641\u064a\u0629<\/span>\r\n            \u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u062a\u0645\u0646\u062d\u0647 \u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0648\u0639\u0645\u0644\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629.\r\n          <\/p>\r\n\r\n          <div class=\"noir-service-line\">\r\n            <span class=\"noir-service-note\">\u0631\u0624\u064a\u0629 \u0645\u062f\u0631\u0648\u0633\u0629 \u0648\u0645\u062e\u0631\u062c\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span>\r\n            \r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"noir-service-panel noir-reveal\">\r\n          <div class=\"noir-service-topline\">\r\n            <div class=\"noir-service-badge\">\r\n              <i class=\"fa-solid fa-building\"><\/i>\r\n            <\/div>\r\n            <div class=\"noir-service-index\">02<\/div>\r\n          <\/div>\r\n\r\n          <h3 class=\"noir-service-name\">\r\n            \u0627\u0644\u062a\u0646\u0641\u064a\u0630\r\n            <span>Execution<\/span>\r\n          <\/h3>\r\n\r\n          <p class=\"noir-service-copy\">\r\n            \u062a\u0646\u0641\u064a\u0630 \u062f\u0642\u064a\u0642 \u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 <span class=\"ink-strong\">\u0627\u0644\u062c\u0648\u062f\u0629<\/span>\r\n            \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0646\u0638\u0645\u0629 \u062a\u0636\u0645\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u062f\u0642\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644.\r\n          <\/p>\r\n\r\n          <div class=\"noir-service-line\">\r\n            <span class=\"noir-service-note\">\u062a\u0646\u0641\u064a\u0630 \u0645\u0646\u0636\u0628\u0637 \u0628\u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631<\/span>\r\n          \r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"noir-service-panel noir-reveal\">\r\n          <div class=\"noir-service-topline\">\r\n            <div class=\"noir-service-badge\">\r\n              <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n            <\/div>\r\n            <div class=\"noir-service-index\">03<\/div>\r\n          <\/div>\r\n\r\n          <h3 class=\"noir-service-name\">\r\n            \u0627\u0644\u0635\u064a\u0627\u0646\u0629\r\n            <span>Maintenance<\/span>\r\n          <\/h3>\r\n\r\n          <p class=\"noir-service-copy\">\r\n            \u062e\u062f\u0645\u0627\u062a \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0636\u0645\u0627\u0646 <span class=\"ink-strong\">\u0627\u0633\u062a\u062f\u0627\u0645\u0629<\/span>\r\n            \u0648\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 \u0623\u062f\u0627\u0621 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\r\n          <\/p>\r\n\r\n          <div class=\"noir-service-line\">\r\n            <span class=\"noir-service-note\">\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0648\u0643\u0641\u0627\u0621\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629<\/span>\r\n           \r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    const noirRevealItems = document.querySelectorAll('.noir-reveal');\r\n\r\n    const noirObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry) => {\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add('noir-visible');\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.15\r\n    });\r\n\r\n    noirRevealItems.forEach((item) => noirObserver.observe(item));\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea4fa0f e-con-full e-flex e-con e-parent\" data-id=\"ea4fa0f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54a090f elementor-widget elementor-widget-html\" data-id=\"54a090f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>\u0633\u0643\u0634\u0646 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a<\/title>\r\n\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" \/>\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@700;800;900&family=Tajawal:wght@300;500;700;800;900&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n    <style>\r\n        :root {\r\n            --white: #ffffff;\r\n            --muted: rgba(255,255,255,0.78);\r\n            --border: rgba(255,255,255,0.12);\r\n            --glass: rgba(255,255,255,0.06);\r\n            --glass-hover: rgba(255,255,255,0.10);\r\n            --shadow: 0 20px 60px rgba(0,0,0,0.35);\r\n            --font-ar: 'Tajawal', sans-serif;\r\n            --font-en: 'Inter', sans-serif;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .stats-divider {\r\n            width: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 90px 20px 90px;\r\n            isolation: isolate;\r\n            background: #000;\r\n        }\r\n\r\n        .stats-video {\r\n            position: absolute;\r\n            inset: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: center center;\r\n            z-index: 0;\r\n        }\r\n\r\n        .stats-overlay {\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58));\r\n            z-index: 1;\r\n        }\r\n\r\n        .bg-floating-icons {\r\n            position: absolute;\r\n            inset: 0;\r\n            z-index: 2;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .floating-fa {\r\n            position: absolute;\r\n            color: rgba(255,255,255,0.07);\r\n            animation: floatAnim linear infinite;\r\n            will-change: transform, opacity;\r\n        }\r\n\r\n        @keyframes floatAnim {\r\n            0% {\r\n                transform: translate(0, 0) rotate(0deg) scale(0.9);\r\n                opacity: 0;\r\n            }\r\n            15% {\r\n                opacity: 0.12;\r\n            }\r\n            85% {\r\n                opacity: 0.12;\r\n            }\r\n            100% {\r\n                transform: translate(var(--moveX), var(--moveY)) rotate(360deg) scale(1.15);\r\n                opacity: 0;\r\n            }\r\n        }\r\n\r\n        .stats-content {\r\n            position: relative;\r\n            z-index: 10;\r\n            width: 100%;\r\n            max-width: 1250px;\r\n        }\r\n\r\n        .stats-header {\r\n            text-align: center;\r\n            margin-bottom: 55px;\r\n        }\r\n\r\n        .stats-logo-box {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin: 0 0 18px;\r\n        }\r\n\r\n        .stats-logo {\r\n            max-width: 80px !important;\r\n            width: 100%;\r\n            height: auto;\r\n            object-fit: contain;\r\n            display: block;\r\n        }\r\n\r\n        .stats-title-wrap {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 22px;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .stats-title-line {\r\n            width: 90px;\r\n            max-width: 18vw;\r\n            height: 1px;\r\n            background: rgba(255,255,255,0.28);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .stats-title {\r\n            font-family: var(--font-ar);\r\n            font-size: 38px;\r\n            font-weight: 800;\r\n            line-height: 1.2;\r\n            color: var(--white);\r\n            text-shadow: 0 6px 25px rgba(0,0,0,0.35);\r\n            margin: 0;\r\n        }\r\n\r\n        .stats-description {\r\n            max-width: 760px;\r\n            margin: 0 auto;\r\n            font-size: 18px;\r\n            line-height: 1.9;\r\n            color: var(--muted);\r\n        }\r\n\r\n        .stats-wrapper {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, minmax(0, 1fr));\r\n            gap: 28px;\r\n        }\r\n\r\n        .stat-item {\r\n            position: relative;\r\n            text-align: center;\r\n            padding: 36px 24px;\r\n            background: var(--glass);\r\n            border: 1px solid var(--border);\r\n            border-radius: 28px;\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            box-shadow: var(--shadow);\r\n            transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease;\r\n        }\r\n\r\n        .stat-item:hover {\r\n            transform: translateY(-10px);\r\n            background: var(--glass-hover);\r\n            border-color: rgba(255,255,255,0.22);\r\n        }\r\n\r\n        .stat-number-wrapper {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            justify-content: center;\r\n            gap: 6px;\r\n            margin-bottom: 10px;\r\n            direction: ltr;\r\n        }\r\n\r\n        .stat-suffix {\r\n            font-family: var(--font-en);\r\n            font-size: clamp(28px, 2.2vw, 38px);\r\n            font-weight: 800;\r\n            line-height: 1;\r\n            margin-top: 8px;\r\n            color: rgba(255,255,255,0.95);\r\n        }\r\n\r\n        .stat-number {\r\n            font-family: var(--font-en);\r\n            font-size: clamp(52px, 7vw, 95px);\r\n            font-weight: 900;\r\n            line-height: 1;\r\n            color: var(--white);\r\n            text-shadow: 0 8px 30px rgba(0,0,0,0.25);\r\n            min-width: 110px;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 23px;\r\n            font-weight: 800;\r\n            color: var(--white);\r\n            margin-top: 8px;\r\n        }\r\n\r\n        .stat-note {\r\n            margin-top: 10px;\r\n            font-size: 15px;\r\n            line-height: 1.8;\r\n            color: var(--muted);\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .stats-wrapper {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .stats-divider {\r\n                padding: 80px 16px;\r\n            }\r\n\r\n            .stats-wrapper {\r\n                grid-template-columns: 1fr;\r\n                gap: 18px;\r\n            }\r\n\r\n            .stats-logo-box {\r\n                margin: 0 0 16px;\r\n            }\r\n\r\n            .stats-logo {\r\n                max-width: 80px !important;\r\n            }\r\n\r\n            .stats-title-wrap {\r\n                gap: 12px;\r\n                margin-bottom: 14px;\r\n            }\r\n\r\n            .stats-title-line {\r\n                width: 50px;\r\n            }\r\n\r\n            .stats-title {\r\n                font-size: 24px;\r\n                line-height: 1.3;\r\n            }\r\n\r\n            .stats-description {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .stat-item {\r\n                padding: 28px 18px;\r\n            }\r\n\r\n            .stat-number {\r\n                font-size: 68px;\r\n            }\r\n\r\n            .stat-label {\r\n                font-size: 20px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"stats-divider\" id=\"statsSection\">\r\n        <video class=\"stats-video\" autoplay muted loop playsinline>\r\n            <source src=\"https:\/\/almahab.store\/wp-content\/uploads\/2026\/03\/%d9%81%d9%8a%d8%af%d9%8a%d9%88-%d8%a7%d8%b1%d9%82%d8%a7%d9%85%d9%86%d8%a7.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n\r\n        <div class=\"stats-overlay\"><\/div>\r\n        <div class=\"bg-floating-icons\" id=\"iconsContainer\"><\/div>\r\n\r\n        <div class=\"stats-content\">\r\n            <header class=\"stats-header\">\r\n                <div class=\"stats-logo-box\">\r\n                    <img decoding=\"async\"\r\n                        class=\"stats-logo\"\r\n                        src=\"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/logo-w-1.png\"\r\n                        alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0645\u0624\u0633\u0633\u0629\"\r\n                    \/>\r\n                <\/div>\r\n\r\n                <div class=\"stats-title-wrap\">\r\n                    <span class=\"stats-title-line\"><\/span>\r\n                    <h2 class=\"stats-title\">\u0625\u0646\u062c\u0627\u0632\u0627\u062a\u0646\u0627 \u0641\u064a \u0623\u0631\u0642\u0627\u0645<\/h2>\r\n                    <span class=\"stats-title-line\"><\/span>\r\n                <\/div>\r\n\r\n                <p class=\"stats-description\">\r\n                    \u0646\u062a\u0631\u062c\u0645 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0625\u0644\u0649 \u0646\u062a\u0627\u0626\u062c \u0645\u0644\u0645\u0648\u0633\u0629 \u0641\u064a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639\u060c \u0644\u0646\u0642\u062f\u0651\u0645 \u0645\u0633\u062a\u0648\u0649 \u062a\u0646\u0641\u064a\u0630 \u064a\u0644\u064a\u0642 \u0628\u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627.\r\n                <\/p>\r\n            <\/header>\r\n\r\n            <div class=\"stats-wrapper\">\r\n\r\n                <div class=\"stat-item\">\r\n                    <div class=\"stat-number-wrapper\">\r\n                        <span class=\"stat-suffix\">+<\/span>\r\n                        <span class=\"stat-number count\" data-target=\"20\">0<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-label\">\u0639\u0645\u064a\u0644 \u0648\u0627\u062b\u0642<\/div>\r\n                    <div class=\"stat-note\">\u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u060c \u0648\u0627\u0644\u062b\u0642\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"stat-item\">\r\n                    <div class=\"stat-number-wrapper\">\r\n                        <span class=\"stat-suffix\">+<\/span>\r\n                        <span class=\"stat-number count\" data-target=\"1000\">0<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-label\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u062c\u0632<\/div>\r\n                    <div class=\"stat-note\">\u062a\u0646\u0641\u064a\u0630 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u063a\u0637\u064a \u0623\u0639\u0645\u0627\u0644\u0627\u064b \u0645\u062a\u0646\u0648\u0639\u0629 \u0628\u062c\u0648\u062f\u0629 \u062a\u0634\u063a\u064a\u0644 \u0639\u0627\u0644\u064a\u0629.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"stat-item\">\r\n                    <div class=\"stat-number-wrapper\">\r\n                        <span class=\"stat-suffix\">+<\/span>\r\n                        <span class=\"stat-number count\" data-target=\"20\">0<\/span>\r\n                    <\/div>\r\n                    <div class=\"stat-label\">\u0639\u0627\u0645 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629<\/div>\r\n                    <div class=\"stat-note\">\u062e\u0628\u0631\u0629 \u0645\u0645\u062a\u062f\u0629 \u062a\u0636\u0645\u0646 \u062d\u0644\u0648\u0644\u0627\u064b \u0639\u0645\u0644\u064a\u0629 \u0648\u062a\u0646\u0641\u064a\u0630\u0627\u064b \u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u064a\u0647.<\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function () {\r\n            const iconsContainer = document.getElementById(\"iconsContainer\");\r\n            const counters = document.querySelectorAll(\".count\");\r\n            const statsSection = document.getElementById(\"statsSection\");\r\n\r\n            const iconClasses = [\r\n                \"fa-solid fa-helmet-safety\",\r\n                \"fa-solid fa-compass-drafting\",\r\n                \"fa-solid fa-trowel-bricks\",\r\n                \"fa-solid fa-ruler-combined\",\r\n                \"fa-solid fa-building\",\r\n                \"fa-solid fa-screwdriver-wrench\",\r\n                \"fa-solid fa-truck-pickup\",\r\n                \"fa-solid fa-hammer\"\r\n            ];\r\n\r\n            let isCounting = false;\r\n\r\n            function createIcons() {\r\n                const count = window.innerWidth < 768 ? 18 : 42;\r\n                iconsContainer.innerHTML = \"\";\r\n\r\n                for (let i = 0; i < count; i++) {\r\n                    const icon = document.createElement(\"i\");\r\n                    const randomClass = iconClasses[Math.floor(Math.random() * iconClasses.length)];\r\n\r\n                    icon.className = `${randomClass} floating-fa`;\r\n                    icon.style.left = Math.random() * 100 + \"vw\";\r\n                    icon.style.top = Math.random() * 100 + \"vh\";\r\n\r\n                    const moveX = ((Math.random() - 0.5) * 380) + \"px\";\r\n                    const moveY = ((Math.random() - 0.5) * 380 - 140) + \"px\";\r\n\r\n                    icon.style.setProperty(\"--moveX\", moveX);\r\n                    icon.style.setProperty(\"--moveY\", moveY);\r\n                    icon.style.animationDuration = (14 + Math.random() * 16) + \"s\";\r\n                    icon.style.animationDelay = \"-\" + (Math.random() * 18) + \"s\";\r\n                    icon.style.fontSize = (0.9 + Math.random() * 1.2) + \"rem\";\r\n\r\n                    iconsContainer.appendChild(icon);\r\n                }\r\n            }\r\n\r\n            function resetCounters() {\r\n                counters.forEach(counter => {\r\n                    counter.textContent = \"0\";\r\n                });\r\n            }\r\n\r\n            function animateCounter(counter) {\r\n                const target = parseInt(counter.dataset.target, 10);\r\n                const duration = 2200;\r\n                let startTimestamp = null;\r\n\r\n                function step(timestamp) {\r\n                    if (!startTimestamp) startTimestamp = timestamp;\r\n\r\n                    const progress = Math.min((timestamp - startTimestamp) \/ duration, 1);\r\n                    const easedProgress = 1 - Math.pow(1 - progress, 3);\r\n                    const current = Math.floor(target * easedProgress);\r\n\r\n                    counter.textContent = current.toLocaleString(\"en-US\");\r\n\r\n                    if (progress < 1) {\r\n                        requestAnimationFrame(step);\r\n                    }\r\n                }\r\n\r\n                requestAnimationFrame(step);\r\n            }\r\n\r\n            function startCounters() {\r\n                if (isCounting) return;\r\n                isCounting = true;\r\n\r\n                resetCounters();\r\n                counters.forEach(counter => animateCounter(counter));\r\n            }\r\n\r\n            const sectionObserver = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        startCounters();\r\n                    } else {\r\n                        isCounting = false;\r\n                        resetCounters();\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.35\r\n            });\r\n\r\n            createIcons();\r\n            sectionObserver.observe(statsSection);\r\n\r\n            window.addEventListener(\"resize\", createIcons);\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-846e4bd e-con-full e-flex e-con e-parent\" data-id=\"846e4bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7cdfd98 elementor-widget elementor-widget-html\" data-id=\"7cdfd98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>Contact Us Form<\/title>\r\n\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\" \/>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\" \/>\r\n\r\n    <style>\r\n        :root{\r\n            --bg:#ffffff;\r\n            --text:#111111;\r\n            --muted:#6b6b6b;\r\n            --border:#e7e7e7;\r\n            --soft:#fafafa;\r\n\r\n            --black:#000000;\r\n            --black-2:#0b0b0b;\r\n            --black-3:#111111;\r\n            --white:#ffffff;\r\n            --white-soft:rgba(255,255,255,.88);\r\n            --white-muted:rgba(255,255,255,.58);\r\n            --white-line:rgba(255,255,255,.12);\r\n            --white-line-strong:rgba(255,255,255,.18);\r\n\r\n            --radius:26px;\r\n            --radius-sm:18px;\r\n            --transition:.35s ease;\r\n            --shadow-soft:0 16px 50px rgba(0,0,0,.08);\r\n            --shadow-dark:0 24px 70px rgba(0,0,0,.28);\r\n        }\r\n\r\n        *{\r\n            margin:0;\r\n            padding:0;\r\n            box-sizing:border-box;\r\n        }\r\n\r\n        body{\r\n            font-family:'Tajawal', sans-serif;\r\n            background:#fff;\r\n            color:var(--text);\r\n            overflow-x:hidden;\r\n        }\r\n\r\n        .contact-us-form{\r\n            position:relative;\r\n            padding:95px 5%;\r\n            background:\r\n                radial-gradient(circle at top center, rgba(0,0,0,.03), transparent 30%),\r\n                #fff;\r\n            overflow:hidden;\r\n        }\r\n\r\n        .contact-us-form::before{\r\n            content:\"\";\r\n            position:absolute;\r\n            inset:24px;\r\n            border:1px solid rgba(0,0,0,.05);\r\n            pointer-events:none;\r\n        }\r\n\r\n        .contact-us-form-container{\r\n            position:relative;\r\n            max-width:1320px;\r\n            margin:0 auto;\r\n            z-index:2;\r\n        }\r\n\r\n        .contact-us-form-header{\r\n            text-align:center;\r\n            margin-bottom:42px;\r\n            animation:contactUsFormFadeUp .8s ease both;\r\n        }\r\n\r\n        .contact-us-form-label{\r\n            display:inline-flex;\r\n            align-items:center;\r\n            justify-content:center;\r\n            gap:22px;\r\n            font-family:'Tajawal', sans-serif;\r\n            font-size:38px;\r\n            font-weight:800;\r\n            color:#111;\r\n            line-height:1.2;\r\n            margin-bottom:16px;\r\n            letter-spacing:0;\r\n            text-transform:none;\r\n        }\r\n\r\n        .contact-us-form-label::before,\r\n        .contact-us-form-label::after{\r\n            content:\"\";\r\n            width:90px;\r\n            max-width:18vw;\r\n            height:1px;\r\n            background:rgba(0,0,0,.18);\r\n            flex-shrink:0;\r\n        }\r\n\r\n        .contact-us-form-title{\r\n            font-size:clamp(30px,4vw,50px);\r\n            font-weight:900;\r\n            line-height:1.25;\r\n            color:#111;\r\n            margin-bottom:12px;\r\n            text-shadow:none !important;\r\n            box-shadow:none !important;\r\n            filter:none !important;\r\n            letter-spacing:-.02em;\r\n        }\r\n\r\n        .contact-us-form-description{\r\n            margin:0 auto;\r\n            font-size:15px;\r\n            line-height:2;\r\n            color:#000;\r\n            text-shadow:none !important;\r\n        }\r\n\r\n        .contact-us-form-grid{\r\n            display:grid;\r\n            grid-template-columns:repeat(2, minmax(0, 1fr));\r\n            gap:28px;\r\n            align-items:stretch;\r\n            direction:ltr;\r\n        }\r\n\r\n        .contact-us-form-box{\r\n            border-radius:var(--radius);\r\n            padding:28px;\r\n            direction:rtl;\r\n            animation:contactUsFormFadeUp .85s ease both;\r\n            transition:\r\n                transform var(--transition),\r\n                border-color var(--transition),\r\n                background var(--transition),\r\n                box-shadow var(--transition);\r\n            height:100%;\r\n        }\r\n\r\n        .contact-us-form-box:hover{\r\n            transform:translateY(-4px);\r\n        }\r\n\r\n        .contact-us-form-left{\r\n            position:relative;\r\n            overflow:hidden;\r\n            background:\r\n                linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.00)),\r\n                linear-gradient(135deg, #111111 0%, #000000 55%, #080808 100%);\r\n            border:1px solid rgba(255,255,255,.08);\r\n            box-shadow:var(--shadow-dark);\r\n            display:flex;\r\n            flex-direction:column;\r\n            animation-delay:.05s;\r\n            isolation:isolate;\r\n        }\r\n\r\n        .contact-us-form-left::before{\r\n            content:\"\";\r\n            position:absolute;\r\n            inset:0;\r\n            background:\r\n                radial-gradient(circle at top left, rgba(255,255,255,.08), transparent 28%),\r\n                linear-gradient(135deg, rgba(255,255,255,.04), transparent 30%, transparent 100%);\r\n            pointer-events:none;\r\n            z-index:0;\r\n        }\r\n\r\n        .contact-us-form-left::after{\r\n            content:\"\";\r\n            position:absolute;\r\n            inset:14px;\r\n            border:1px solid rgba(255,255,255,.06);\r\n            border-radius:20px;\r\n            pointer-events:none;\r\n            z-index:0;\r\n        }\r\n\r\n        .contact-us-form-left > *{\r\n            position:relative;\r\n            z-index:2;\r\n        }\r\n\r\n        .contact-us-form-right{\r\n            background:#fff;\r\n            border:1px solid var(--border);\r\n            box-shadow:var(--shadow-soft);\r\n            display:flex;\r\n            flex-direction:column;\r\n            gap:18px;\r\n            animation-delay:.12s;\r\n        }\r\n\r\n        .contact-us-form-box-title{\r\n            font-size:21px;\r\n            font-weight:900;\r\n            margin-bottom:8px;\r\n            text-align:center;\r\n            text-shadow:none !important;\r\n            box-shadow:none !important;\r\n            letter-spacing:-.01em;\r\n        }\r\n\r\n        .contact-us-form-left .contact-us-form-box-title{\r\n            color:var(--white);\r\n        }\r\n\r\n        .contact-us-form-right .contact-us-form-box-title{\r\n            color:#111;\r\n        }\r\n\r\n        .contact-us-form-box-subtitle{\r\n            font-size:13px;\r\n            line-height:1.9;\r\n            margin-bottom:20px;\r\n            text-align:center;\r\n            text-shadow:none !important;\r\n        }\r\n\r\n        .contact-us-form-left .contact-us-form-box-subtitle{\r\n            color:var(--white-muted);\r\n        }\r\n\r\n        .contact-us-form-right .contact-us-form-box-subtitle{\r\n            color:var(--muted);\r\n        }\r\n\r\n        .contact-us-form-right-inner{\r\n            display:flex;\r\n            flex-direction:column;\r\n            height:100%;\r\n        }\r\n\r\n        .contact-us-form-cards{\r\n            display:grid;\r\n            grid-template-columns:repeat(2, minmax(0, 1fr));\r\n            gap:14px;\r\n            margin-bottom:14px;\r\n        }\r\n\r\n        .contact-us-form-card{\r\n            background:var(--soft);\r\n            border:1px solid #ededed;\r\n            border-radius:var(--radius-sm);\r\n            padding:16px;\r\n            transition:transform var(--transition), border-color var(--transition), background var(--transition);\r\n            animation:contactUsFormFadeUp .9s ease both;\r\n        }\r\n\r\n        .contact-us-form-card:hover{\r\n            transform:translateY(-3px);\r\n            border-color:#dddddd;\r\n            background:#ffffff;\r\n        }\r\n\r\n        .contact-us-form-card h4{\r\n            font-size:12px;\r\n            color:#8b8b8b;\r\n            font-weight:800;\r\n            margin-bottom:8px;\r\n            text-align:center;\r\n            text-shadow:none !important;\r\n        }\r\n\r\n        .contact-us-form-card p,\r\n        .contact-us-form-card a{\r\n            display:block;\r\n            font-size:14px;\r\n            line-height:1.75;\r\n            color:#111;\r\n            text-decoration:none;\r\n            font-weight:700;\r\n            text-align:center;\r\n        }\r\n\r\n        .contact-us-form-card a:hover{\r\n            opacity:.75;\r\n        }\r\n\r\n        .contact-us-form-card-social{\r\n            grid-column:1 \/ -1;\r\n        }\r\n\r\n        .contact-us-form-social{\r\n            display:flex;\r\n            flex-wrap:wrap;\r\n            gap:12px;\r\n            margin-top:8px;\r\n            justify-content:center;\r\n        }\r\n\r\n        .contact-us-form-social a{\r\n            width:46px;\r\n            height:46px;\r\n            border:1px solid #d9d9d9;\r\n            border-radius:12px;\r\n            display:inline-flex;\r\n            align-items:center;\r\n            justify-content:center;\r\n            color:#111;\r\n            text-decoration:none;\r\n            font-size:18px;\r\n            background:#fff;\r\n            transition:var(--transition);\r\n        }\r\n\r\n        .contact-us-form-social a:hover{\r\n            background:#111;\r\n            color:#fff;\r\n            border-color:#111;\r\n            transform:translateY(-2px);\r\n        }\r\n\r\n        .contact-us-form-map{\r\n            width:100%;\r\n            border:1px solid #ededed;\r\n            border-radius:18px;\r\n            overflow:hidden;\r\n            background:#fff;\r\n            margin-top:auto;\r\n            animation:contactUsFormFadeUp 1s ease both;\r\n        }\r\n\r\n        .contact-us-form-map iframe{\r\n            width:100%;\r\n            height:250px;\r\n            border:0;\r\n            display:block;\r\n        }\r\n\r\n        .contact-us-form .wpforms-container{\r\n            margin:0 !important;\r\n            flex:1;\r\n            display:flex;\r\n            flex-direction:column;\r\n        }\r\n\r\n        .contact-us-form .wpforms-form{\r\n            display:flex;\r\n            flex-direction:column;\r\n            min-height:100%;\r\n        }\r\n\r\n        .contact-us-form .wpforms-form .wpforms-field{\r\n            padding:7px 0 !important;\r\n            margin-bottom:8px !important;\r\n        }\r\n\r\n        .contact-us-form .wpforms-form .wpforms-field-label{\r\n            font-size:13px !important;\r\n            font-weight:700 !important;\r\n            color:var(--white-soft) !important;\r\n            margin-bottom:10px !important;\r\n            text-shadow:none !important;\r\n        }\r\n\r\n        .contact-us-form .wpforms-form input[type=\"text\"],\r\n        .contact-us-form .wpforms-form input[type=\"email\"],\r\n        .contact-us-form .wpforms-form input[type=\"tel\"],\r\n        .contact-us-form .wpforms-form input[type=\"number\"],\r\n        .contact-us-form .wpforms-form select,\r\n        .contact-us-form .wpforms-form textarea{\r\n            width:100% !important;\r\n            background:rgba(255,255,255,.03) !important;\r\n            border:1px solid var(--white-line) !important;\r\n            border-radius:14px !important;\r\n            padding:15px 16px !important;\r\n            font-family:'Tajawal', sans-serif !important;\r\n            font-size:14px !important;\r\n            color:var(--white) !important;\r\n            box-shadow:none !important;\r\n            transition:var(--transition) !important;\r\n            backdrop-filter:blur(4px);\r\n            -webkit-backdrop-filter:blur(4px);\r\n        }\r\n\r\n        .contact-us-form .wpforms-form textarea{\r\n            min-height:145px !important;\r\n            resize:vertical !important;\r\n        }\r\n\r\n        .contact-us-form .wpforms-form input::placeholder,\r\n        .contact-us-form .wpforms-form textarea::placeholder{\r\n            color:rgba(255,255,255,.40) !important;\r\n        }\r\n\r\n        .contact-us-form .wpforms-form select{\r\n            color:rgba(255,255,255,.78) !important;\r\n        }\r\n\r\n        .contact-us-form .wpforms-form input:focus,\r\n        .contact-us-form .wpforms-form textarea:focus,\r\n        .contact-us-form .wpforms-form select:focus{\r\n            border-color:rgba(255,255,255,.34) !important;\r\n            background:rgba(255,255,255,.05) !important;\r\n            box-shadow:0 0 0 3px rgba(255,255,255,.05) !important;\r\n            outline:none !important;\r\n        }\r\n\r\n        .contact-us-form .wpforms-form .wpforms-field-description{\r\n            color:rgba(255,255,255,.48) !important;\r\n        }\r\n\r\n        .contact-us-form .wpforms-form .wpforms-error{\r\n            color:#ffffff !important;\r\n        }\r\n\r\n        .contact-us-form .wpforms-form label.wpforms-error{\r\n            color:#d9d9d9 !important;\r\n            font-size:12px !important;\r\n            margin-top:8px !important;\r\n        }\r\n\r\n        .contact-us-form .wpforms-submit-container{\r\n            margin-top:24px !important;\r\n        }\r\n\r\n        .contact-us-form .wpforms-submit{\r\n            width:100% !important;\r\n            min-height:54px !important;\r\n            border:1px solid rgba(255,255,255,.16) !important;\r\n            border-radius:16px !important;\r\n            background:var(--white) !important;\r\n            color:var(--black) !important;\r\n            font-size:14px !important;\r\n            font-weight:900 !important;\r\n            letter-spacing:.03em;\r\n            transition:var(--transition) !important;\r\n            box-shadow:none !important;\r\n        }\r\n\r\n        .contact-us-form .wpforms-submit:hover{\r\n            background:#e9e9e9 !important;\r\n            color:#000 !important;\r\n            transform:translateY(-2px);\r\n        }\r\n\r\n        .contact-us-form .wpforms-submit:focus{\r\n            outline:none !important;\r\n            box-shadow:0 0 0 3px rgba(255,255,255,.08) !important;\r\n        }\r\n\r\n        @keyframes contactUsFormFadeUp{\r\n            from{\r\n                opacity:0;\r\n                transform:translateY(28px);\r\n            }\r\n            to{\r\n                opacity:1;\r\n                transform:translateY(0);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 991px){\r\n            .contact-us-form{\r\n                padding:72px 24px;\r\n            }\r\n\r\n            .contact-us-form::before{\r\n                inset:14px;\r\n            }\r\n\r\n            .contact-us-form-grid{\r\n                grid-template-columns:1fr;\r\n                direction:rtl;\r\n            }\r\n\r\n            .contact-us-form-cards{\r\n                grid-template-columns:1fr;\r\n            }\r\n\r\n            .contact-us-form-card-social{\r\n                grid-column:auto;\r\n            }\r\n\r\n            .contact-us-form-box{\r\n                padding:22px;\r\n            }\r\n\r\n            .contact-us-form-right,\r\n            .contact-us-form-left{\r\n                height:auto;\r\n            }\r\n\r\n            .contact-us-form-map{\r\n                margin-top:0;\r\n            }\r\n\r\n            .contact-us-form-map iframe{\r\n                height:230px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 767px){\r\n            .contact-us-form{\r\n                padding:60px 18px;\r\n            }\r\n\r\n            .contact-us-form-header{\r\n                margin-bottom:30px;\r\n            }\r\n\r\n            .contact-us-form-label{\r\n                gap:12px;\r\n                font-size:24px;\r\n                line-height:1.3;\r\n                margin-bottom:14px;\r\n            }\r\n\r\n            .contact-us-form-label::before,\r\n            .contact-us-form-label::after{\r\n                width:50px;\r\n                max-width:65px;\r\n            }\r\n\r\n            .contact-us-form-title{\r\n                font-size:30px;\r\n            }\r\n\r\n            .contact-us-form-description{\r\n                font-size:13px;\r\n                line-height:1.9;\r\n            }\r\n\r\n            .contact-us-form-box{\r\n                padding:18px;\r\n                border-radius:20px;\r\n            }\r\n\r\n            .contact-us-form-left::after{\r\n                inset:10px;\r\n                border-radius:16px;\r\n            }\r\n\r\n            .contact-us-form-box-title{\r\n                font-size:19px;\r\n            }\r\n\r\n            .contact-us-form-box-subtitle{\r\n                font-size:12px;\r\n                margin-bottom:16px;\r\n            }\r\n\r\n            .contact-us-form-card{\r\n                padding:14px;\r\n                border-radius:14px;\r\n            }\r\n\r\n            .contact-us-form-card p,\r\n            .contact-us-form-card a{\r\n                font-size:13px;\r\n            }\r\n\r\n            .contact-us-form-social a{\r\n                width:42px;\r\n                height:42px;\r\n                font-size:16px;\r\n            }\r\n\r\n            .contact-us-form-map iframe{\r\n                height:210px;\r\n            }\r\n\r\n            .contact-us-form .wpforms-form input[type=\"text\"],\r\n            .contact-us-form .wpforms-form input[type=\"email\"],\r\n            .contact-us-form .wpforms-form input[type=\"tel\"],\r\n            .contact-us-form .wpforms-form input[type=\"number\"],\r\n            .contact-us-form .wpforms-form select,\r\n            .contact-us-form .wpforms-form textarea{\r\n                font-size:13px !important;\r\n                padding:13px 14px !important;\r\n                border-radius:12px !important;\r\n            }\r\n\r\n            .contact-us-form .wpforms-submit{\r\n                min-height:50px !important;\r\n                font-size:13px !important;\r\n                border-radius:14px !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px){\r\n            .contact-us-form-label{\r\n                font-size:22px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"contact-us-form\">\r\n    <div class=\"contact-us-form-container\">\r\n\r\n        <div class=\"contact-us-form-header\">\r\n            <div class=\"contact-us-form-label\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/div>\r\n            <p class=\"contact-us-form-description\">\r\n                \u0646\u062d\u0646 \u0647\u0646\u0627 \u0644\u0644\u0627\u0633\u062a\u0645\u0627\u0639\u060c \u0627\u0644\u062a\u062e\u0637\u064a\u0637\u060c \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629. \u0634\u0627\u0631\u0643\u0646\u0627 \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0634\u0631\u0648\u0639\u0643 \u0639\u0628\u0631 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0623\u0648 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0648\u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"contact-us-form-grid\">\r\n\r\n            <div class=\"contact-us-form-box contact-us-form-left\">\r\n                <h3 class=\"contact-us-form-box-title\">\u0623\u0631\u0633\u0644 \u0637\u0644\u0628\u0643<\/h3>\r\n                <p class=\"contact-us-form-box-subtitle\">\u0623\u062f\u062e\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0648\u0633\u0646\u0642\u0648\u0645 \u0628\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a.<\/p>\r\n\r\n                <div class=\"wpforms-embed-area\">\r\n                    <style id=\"wpforms-css-vars-83\">\n\t\t\t\t#wpforms-83 {\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-83\"><form id=\"wpforms-form-83\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"83\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/8\" data-token=\"b910622226fb5e742834797e4b27f108\" data-token-time=\"1777023083\"><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\">\t\t<div id=\"wpforms-83-field_3-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"3\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-83-field_3\" >\u0631\u0633\u0627\u0644\u062a\u0643 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-83-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-83-field_1-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-83-field_1\">\u0627\u0644\u0627\u0633\u0645 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-83-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-83-field_1-error\" required><\/div><div id=\"wpforms-83-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-83-field_2\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label><input type=\"email\" id=\"wpforms-83-field_2\" class=\"wpforms-field-large\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-83-field_2-error\" ><\/div><div id=\"wpforms-83-field_5-container\" class=\"wpforms-field wpforms-field-number\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-83-field_5\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"number\" id=\"wpforms-83-field_5\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][5]\" step=\"any\" aria-errormessage=\"wpforms-83-field_5-error\" required><\/div><div id=\"wpforms-83-field_4-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-83-field_4\">\u0631\u0633\u0627\u0644\u062a\u0643 <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-83-field_4\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][4]\" aria-errormessage=\"wpforms-83-field_4-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-83-field_3-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-83-field_3-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-83-field_3-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"83\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/pages\/8\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-83\" 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\">\u0625\u0631\u0633\u0627\u0644<\/button><img decoding=\"async\" src=\"https:\/\/almahab.store\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"contact-us-form-box contact-us-form-right\">\r\n                <div class=\"contact-us-form-right-inner\">\r\n                    <div>\r\n                        <h3 class=\"contact-us-form-box-title\">\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\r\n                        <p class=\"contact-us-form-box-subtitle\">\r\n                            \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0628\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0623\u0648 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-us-form-cards\">\r\n                        <div class=\"contact-us-form-card\">\r\n                            <h4>\u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a<\/h4>\r\n                            <a href=\"mailto:info@swatcc.com\">info@swatcc.com<\/a>\r\n                            <a href=\"tel:+966125810004\">0125810004<\/a>\r\n                            <a style=\"display:block\" href=\"tel:+966502928125\" dir=\"ltr\">+966502928125<\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"contact-us-form-card\">\r\n                            <h4>\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h4>\r\n                            <a href=\"https:\/\/google.com\/maps?ll=21.561731,39.159482&z=15&t=m&hl=en&gl=SA&mapclient=embed&cid=8156178565835267888\" target=\"_blank\">\r\n                                7470 \u062f\u0631\u0648\u064a\u0634 \u0643\u064a\u0627\u0644\u060c \u062d\u064a \u0627\u0644\u0631\u0648\u0636\u0629<br>\r\n                                \u062c\u062f\u0629 23433 3743\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                            <\/a>\r\n                        <\/div>\r\n\r\n                        <div class=\"contact-us-form-card contact-us-form-card-social\">\r\n                            <h4>\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a<\/h4>\r\n                            <div class=\"contact-us-form-social\">\r\n                                <a href=\"https:\/\/www.linkedin.com\/company\/swat-company\" target=\"_blank\" aria-label=\"LinkedIn\">\r\n                                    <i class=\"fa-brands fa-linkedin-in\"><\/i>\r\n                                <\/a>\r\n                                <a href=\"https:\/\/www.instagram.com\/swat.hc?igsh=MXVrOW1pZ3dscDEwbA%3D%3D&utm_source=qr\" target=\"_blank\" aria-label=\"Instagram\">\r\n                                    <i class=\"fa-brands fa-instagram\"><\/i>\r\n                                <\/a>\r\n                                <a href=\"https:\/\/www.tiktok.com\/@swat_hc?_r=1&_t=ZS-94bP8L0nQ1A\" target=\"_blank\" aria-label=\"TikTok\">\r\n                                    <i class=\"fa-brands fa-tiktok\"><\/i>\r\n                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-us-form-map\">\r\n                        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d14842.477749253434!2d39.159482000000004!3d21.561731!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15c3d1a09c125501%3A0x713091313d441f30!2sSWAT%20Holding%20company!5e0!3m2!1sen!2ssa!4v1775118898663!5m2!1sen!2ssa\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b514d6 e-con-full e-flex e-con e-parent\" data-id=\"6b514d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ca8751 elementor-widget elementor-widget-html\" data-id=\"8ca8751\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627<\/title>\r\n\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n  <style>\r\n    :root {\r\n      --bg: #050505;\r\n      --bg-soft: #111111;\r\n      --card: #101010;\r\n      --card-hover: #181818;\r\n      --text: #ffffff;\r\n      --muted: #c9c9c9;\r\n      --line: #3a3a3a;\r\n      --border: rgba(255,255,255,0.08);\r\n      --shadow: rgba(255,255,255,0.05);\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    body {\r\n      font-family: \"Tajawal\", sans-serif;\r\n      background: #000;\r\n      color: var(--text);\r\n    }\r\n\r\n    .why-choose-section {\r\n      position: relative;\r\n      padding: 110px 20px;\r\n      background:\r\n        radial-gradient(circle at top right, rgba(255,255,255,0.05), transparent 25%),\r\n        radial-gradient(circle at bottom left, rgba(255,255,255,0.03), transparent 25%),\r\n        linear-gradient(180deg, var(--bg-soft), var(--bg));\r\n      overflow: hidden;\r\n    }\r\n\r\n    .why-choose-section::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);\r\n      background-size: 40px 40px;\r\n      pointer-events: none;\r\n      opacity: 0.35;\r\n    }\r\n\r\n    .why-choose-section::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.02), transparent);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .container {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      max-width: 1280px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .section-logo {\r\n      text-align: center;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .section-logo img {\r\n      max-width: 85px;\r\n      width: 100%;\r\n      height: auto;\r\n      display: inline-block;\r\n      filter: brightness(0) invert(1);\r\n      object-fit: contain;\r\n      image-rendering: -webkit-optimize-contrast;\r\n      image-rendering: crisp-edges;\r\n    }\r\n\r\n    .section-heading {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 22px;\r\n      margin-bottom: 22px;\r\n      text-align: center;\r\n    }\r\n\r\n    .section-line {\r\n      width: 90px;\r\n      max-width: 18vw;\r\n      height: 1px;\r\n      background: rgba(255,255,255,0.18);\r\n      display: block;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .section-heading h2 {\r\n      font-family: \"Tajawal\", sans-serif;\r\n      font-size: 38px;\r\n      font-weight: 800;\r\n      color: #ffffff;\r\n      line-height: 1.2;\r\n      letter-spacing: 0;\r\n      margin: 0;\r\n    }\r\n\r\n    .section-intro {\r\n      max-width: 760px;\r\n      margin: 0 auto 60px;\r\n      text-align: center;\r\n      color: var(--muted);\r\n      font-size: 18px;\r\n      line-height: 2;\r\n    }\r\n\r\n    .why-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 24px;\r\n    }\r\n\r\n    .why-card {\r\n      position: relative;\r\n      background: linear-gradient(180deg, #141414, #0f0f0f);\r\n      border: 1px solid var(--border);\r\n      border-radius: 24px;\r\n      padding: 34px 28px;\r\n      padding-left: 90px;\r\n      text-align: right;\r\n      overflow: hidden;\r\n      transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;\r\n      box-shadow: 0 10px 30px var(--shadow);\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .why-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: 24px;\r\n      background: linear-gradient(135deg, rgba(255,255,255,0.03), transparent 40%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .why-card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: -20px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      width: 120px;\r\n      height: 120px;\r\n      background: radial-gradient(circle, rgba(255,255,255,0.04), transparent 70%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .why-card:hover {\r\n      transform: translateY(-10px);\r\n      border-color: rgba(255,255,255,0.16);\r\n      background: linear-gradient(180deg, #1a1a1a, #101010);\r\n      box-shadow: 0 18px 45px rgba(255,255,255,0.07);\r\n    }\r\n\r\n    .card-number {\r\n      position: absolute;\r\n      left: 24px;\r\n      top: 24px;\r\n      font-size: 58px;\r\n      font-weight: 800;\r\n      line-height: 1;\r\n      color: rgba(255,255,255,0.14);\r\n      pointer-events: none;\r\n      z-index: 1;\r\n    }\r\n\r\n    .why-card h3,\r\n    .why-card p {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .why-card h3 {\r\n      font-size: 24px;\r\n      font-weight: 700;\r\n      color: #fff;\r\n      margin-bottom: 14px;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .why-card p {\r\n      font-size: 16px;\r\n      color: var(--muted);\r\n      line-height: 1.95;\r\n      margin: 0;\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n      .why-choose-section {\r\n        padding: 90px 18px;\r\n      }\r\n\r\n      .section-heading h2 {\r\n        font-size: 30px;\r\n      }\r\n\r\n      .section-line {\r\n        width: 70px;\r\n      }\r\n\r\n      .section-intro {\r\n        font-size: 16px;\r\n        margin-bottom: 45px;\r\n      }\r\n\r\n      .why-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n      }\r\n\r\n      .why-card {\r\n        padding: 28px 22px;\r\n        padding-left: 80px;\r\n      }\r\n\r\n      .card-number {\r\n        left: 20px;\r\n        top: 20px;\r\n        font-size: 48px;\r\n      }\r\n\r\n      .why-card h3 {\r\n        font-size: 22px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 576px) {\r\n      .why-choose-section {\r\n        padding: 75px 14px;\r\n      }\r\n\r\n      .section-logo img {\r\n        max-width: 70px;\r\n      }\r\n\r\n      .section-heading {\r\n        gap: 12px;\r\n        margin-bottom: 16px;\r\n      }\r\n\r\n      .section-heading h2 {\r\n        font-size: 24px;\r\n        line-height: 1.3;\r\n      }\r\n\r\n      .section-line {\r\n        width: 50px;\r\n        max-width: 65px;\r\n      }\r\n\r\n      .section-intro {\r\n        font-size: 15px;\r\n        line-height: 1.9;\r\n        margin-bottom: 35px;\r\n      }\r\n\r\n      .why-grid {\r\n        gap: 14px;\r\n      }\r\n\r\n      .why-card {\r\n        border-radius: 18px;\r\n        padding: 24px 18px;\r\n        padding-left: 70px;\r\n      }\r\n\r\n      .card-number {\r\n        left: 18px;\r\n        top: 18px;\r\n        font-size: 42px;\r\n      }\r\n\r\n      .why-card h3 {\r\n        font-size: 20px;\r\n        margin-bottom: 10px;\r\n      }\r\n\r\n      .why-card p {\r\n        font-size: 14px;\r\n        line-height: 1.9;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .section-heading h2 {\r\n        font-size: 22px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"why-choose-section\">\r\n    <div class=\"container\">\r\n\r\n      <div class=\"section-logo\">\r\n        <img decoding=\"async\" src=\"http:\/\/almahab.store\/wp-content\/uploads\/2026\/04\/logo-b-.png\" alt=\"\u0633\u0648\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0644\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a\">\r\n      <\/div>\r\n\r\n      <div class=\"section-heading\">\r\n        <span class=\"section-line\"><\/span>\r\n        <h2>\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627<\/h2>\r\n        <span class=\"section-line\"><\/span>\r\n      <\/div>\r\n\r\n      <p class=\"section-intro\">\r\n        \u0646\u062d\u0646 \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u064a\u0643\u0645\u0646 \u0641\u064a \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\u060c \u0648\u0646\u0633\u0639\u0649 \u062f\u0627\u0626\u0645\u0627\u064b \u0644\u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0641\u0631\u064a\u062f\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627\r\n        \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\r\n      <\/p>\r\n\r\n      <div class=\"why-grid\">\r\n        <div class=\"why-card\">\r\n          <span class=\"card-number\">01<\/span>\r\n          <h3>\u062e\u0628\u0631\u0629 \u0645\u062a\u062e\u0635\u0635\u0629<\/h3>\r\n          <p>\r\n            \u0641\u0631\u064a\u0642\u0646\u0627 \u064a\u0645\u062a\u0627\u0632 \u0628\u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u0631\u0645\u064a\u0645 \u0648\u0627\u0644\u062a\u062c\u062f\u064a\u062f\u060c \u0645\u0639 \u0641\u0647\u0645 \u0639\u0645\u064a\u0642 \u0644\u0643\u0627\u0641\u0629\r\n            \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"why-card\">\r\n          <span class=\"card-number\">02<\/span>\r\n          <h3>\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u062c\u0648\u062f\u0629<\/h3>\r\n          <p>\r\n            \u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0648\u0627\u062f \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u062a\u0627\u0626\u062c \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\r\n            \u062a\u062f\u0648\u0645 \u0637\u0648\u064a\u0644\u0627\u064b.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"why-card\">\r\n          <span class=\"card-number\">03<\/span>\r\n          <h3>\u062a\u0648\u0627\u0635\u0644 \u0645\u0633\u062a\u0645\u0631<\/h3>\r\n          <p>\r\n            \u0646\u0639\u0645\u0644 \u0645\u0639\u0643 \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0648\u062d\u062a\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0644\u0636\u0645\u0627\u0646 \u062a\u0644\u0628\u064a\u0629 \u062c\u0645\u064a\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643\r\n            \u0648\u062a\u062c\u0627\u0648\u0632 \u062a\u0648\u0642\u0639\u0627\u062a\u0643.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0639\u0627\u0645 \u201c \u0628\u0633\u0645 \u0627\u0644\u0644\u0647 \u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u062d\u064a\u0645\u060c \u0648\u0627\u0644\u0635\u0644\u0627\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645 \u0639\u0644\u0649 \u0623\u0634\u0631\u0641 \u0627\u0644\u0623\u0646\u0628\u064a\u0627\u0621 \u0648\u0627\u0644\u0645\u0631\u0633\u0644\u064a\u0646 \u0633\u064a\u062f\u0646\u0627 \u0645\u062d\u0645\u062f\u060c \u0635\u0644\u0649 \u0627\u0644\u0644\u0647 \u0639\u0644\u064a\u0647 \u0648\u0633\u0644\u0645. [&hellip;]<\/p>\n","protected":false},"author":1,"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":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":776,"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":2325,"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/2325"}],"wp:attachment":[{"href":"https:\/\/almahab.store\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}