{"id":1937,"date":"2026-09-29T13:56:04","date_gmt":"2026-09-29T10:56:04","guid":{"rendered":"https:\/\/masters.sa\/?page_id=1937"},"modified":"2026-11-09T12:54:45","modified_gmt":"2026-11-09T09:54:45","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-2","status":"publish","type":"page","link":"https:\/\/masters.sa\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\n<section id=\"msc-sports-editorial\" dir=\"rtl\" aria-label=\"\u0644\u062c\u0627\u0646 \u0627\u0644\u0623\u0644\u0639\u0627\u0628\">\n\n  <div class=\"msc-se-stage\" tabindex=\"0\" aria-roledescription=\"\u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0623\u0644\u0639\u0627\u0628\">\n\n    <img fetchpriority=\"high\" class=\"msc-se-photo\" src=\"https:\/\/masters.sa\/wp-content\/uploads\/2026\/10\/07.webp\" alt=\"\u0627\u0644\u0645\u0635\u0627\u0631\u0639\u0629\" width=\"1920\" height=\"650\" decoding=\"async\">\n\n    <div class=\"msc-se-shade\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"msc-se-copy\">\n\n      <span class=\"msc-se-accent-line\" aria-hidden=\"true\"><\/span>\n\n      <h3 class=\"msc-se-title\">\n        \u0627\u0644\u0645\u0635\u0627\u0631\u0639\u0629\n      <\/h3>\n\n      <p class=\"msc-se-description\">\n        \u0631\u064a\u0627\u0636\u0629 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0642\u0648\u0629 \u0648\u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0629\u060c \u0648\u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0627\u0641\u0633 \u0648\u0641\u0642 \u0642\u0648\u0627\u0639\u062f \u0641\u0646\u064a\u0629 \u0645\u062d\u062f\u062f\u0629.\n      <\/p>\n\n      <div class=\"msc-se-progress\" aria-hidden=\"true\">\n\n        <span class=\"msc-se-count\">\n          <b>01<\/b> \/ 10\n        <\/span>\n\n        <span class=\"msc-se-track\">\n          <span class=\"msc-se-fill\"><\/span>\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n    <span class=\"msc-se-announcement\" aria-live=\"polite\"><\/span>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================\n   SPORTS SLIDER\n========================================= *\/\n\n#msc-sports-editorial {\n\n  --se-green: #204e3d;\n  --se-accent: #40b179;\n\n  position: relative !important;\n\n  left: auto !important;\n  right: auto !important;\n\n  transform: none !important;\n\n  display: block !important;\n\n  width: var(--se-viewport-width, 100vw) !important;\n  max-width: none !important;\n\n  margin-block: 0 !important;\n\n  margin-inline:\n    calc(\n      50% - var(--se-half-viewport, 50vw)\n    ) !important;\n\n  padding: 0 !important;\n\n  border: 0 !important;\n\n  background: none !important;\n\n  direction: rtl;\n\n  font-family:\n    Cairo,\n    Tahoma,\n    Arial,\n    sans-serif;\n\n  box-sizing: border-box;\n}\n\n\n#msc-sports-editorial *,\n#msc-sports-editorial *::before,\n#msc-sports-editorial *::after {\n\n  box-sizing: border-box;\n}\n\n\n#msc-sports-editorial::before,\n#msc-sports-editorial::after {\n\n  content: none !important;\n}\n\n\n\/* =========================================\n   \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631\n========================================= *\/\n\n#msc-sports-editorial .msc-se-stage {\n\n  position: relative !important;\n\n  isolation: isolate;\n\n  display: block !important;\n\n  width: 100% !important;\n\n  height:\n    clamp(\n      430px,\n      60svh,\n      560px\n    ) !important;\n\n  min-height: 0 !important;\n\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n  border: 0 !important;\n\n  border-radius: 0 !important;\n\n  background: #052017 !important;\n\n  box-shadow: none !important;\n\n  outline-offset: -4px;\n}\n\n\n\/* =========================================\n   \u0627\u0644\u0635\u0648\u0631\u0629\n========================================= *\/\n\n#msc-sports-editorial .msc-se-photo {\n\n  position: absolute !important;\n\n  inset: 0 !important;\n\n  display: block !important;\n\n  width: 100% !important;\n\n  height: 100% !important;\n\n  max-width: none !important;\n\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n  border: 0 !important;\n\n  border-radius: 0 !important;\n\n  object-fit: cover !important;\n\n  object-position: center center !important;\n\n  filter: none !important;\n\n  transition:\n    opacity .25s ease;\n}\n\n\n#msc-sports-editorial .msc-se-photo.is-changing {\n\n  opacity: .55;\n}\n\n\n\/* =========================================\n   \u0627\u0644\u062a\u0638\u0644\u064a\u0644 \u0627\u0644\u0623\u062e\u0636\u0631\n   \u064a\u063a\u0637\u064a \u0627\u0644\u0635\u0648\u0631\u0629 \u0643\u0627\u0645\u0644\u0629\n========================================= *\/\n\n#msc-sports-editorial .msc-se-shade {\n\n  position: absolute !important;\n\n  z-index: 1;\n\n  inset: 0 !important;\n\n  width: 100%;\n\n  height: 100%;\n\n  pointer-events: none;\n\n  background:\n    rgba(\n      5,\n      32,\n      23,\n      .85\n    ) !important;\n}\n\n\n\/* =========================================\n   \u0627\u0644\u0645\u062d\u062a\u0648\u0649\n========================================= *\/\n\n#msc-sports-editorial .msc-se-copy {\n\n  position: absolute;\n\n  z-index: 2;\n\n  right:\n    clamp(\n      270px,\n      18vw,\n      340px\n    );\n\n  bottom:\n    clamp(\n      70px,\n      12%,\n      105px\n    );\n\n  width:\n    min(\n      490px,\n      40%\n    );\n\n  color: #fff;\n\n  text-align: right;\n\n  pointer-events: none;\n}\n\n\n\/* =========================================\n   \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u062e\u0636\u0631\n========================================= *\/\n\n#msc-sports-editorial .msc-se-accent-line {\n\n  display: block;\n\n  width: 58px;\n\n  height: 4px;\n\n  margin:\n    0\n    0\n    22px;\n\n  border-radius: 999px;\n\n  background:\n    linear-gradient(\n      270deg,\n      #40B179 0%,\n      rgba(64,177,121,.18) 100%\n    );\n}\n\n\n\/* =========================================\n   \u0627\u0644\u0639\u0646\u0648\u0627\u0646\n========================================= *\/\n\n#msc-sports-editorial .msc-se-title {\n\n  margin:\n    0\n    0\n    15px !important;\n\n  padding: 0 !important;\n\n  color: #fff !important;\n\n  font-size:\n    clamp(\n      30px,\n      2.3vw,\n      42px\n    ) !important;\n\n  font-weight: 800 !important;\n\n  line-height: 1.4 !important;\n}\n\n\n\/* =========================================\n   \u0627\u0644\u0648\u0635\u0641\n========================================= *\/\n\n#msc-sports-editorial .msc-se-description {\n\n  max-width: 490px;\n\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n  color: #fff !important;\n\n  font-size:\n    clamp(\n      14px,\n      1.2vw,\n      19px\n    ) !important;\n\n  font-weight: 500 !important;\n\n  line-height: 1.95 !important;\n\n  text-wrap: pretty;\n}\n\n\n\/* =========================================\n   \u0645\u0624\u0634\u0631 \u0627\u0644\u062a\u0642\u062f\u0645\n========================================= *\/\n\n#msc-sports-editorial .msc-se-progress {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: flex-end;\n\n  gap: 15px;\n\n  margin-top: 27px;\n\n  direction: ltr;\n}\n\n\n#msc-sports-editorial .msc-se-count {\n\n  color: #b5d0c1;\n\n  font-size: 13px;\n\n  white-space: nowrap;\n\n  letter-spacing: 1px;\n\n  direction: ltr;\n}\n\n\n#msc-sports-editorial .msc-se-count b {\n\n  color: var(--se-accent);\n\n  font-size: 18px;\n\n  font-weight: 700;\n}\n\n\n#msc-sports-editorial .msc-se-track {\n\n  display: block;\n\n  width: 105px;\n\n  height: 3px;\n\n  overflow: hidden;\n\n  border-radius: 3px;\n\n  background:\n    rgba(\n      255,\n      255,\n      255,\n      .3\n    );\n}\n\n\n#msc-sports-editorial .msc-se-fill {\n\n  display: block;\n\n  width: 10%;\n\n  height: 100%;\n\n  background:\n    var(--se-accent);\n\n  transition:\n    width .25s ease;\n}\n\n\n\/* =========================================\n   \u0642\u0627\u0631\u0626 \u0627\u0644\u0634\u0627\u0634\u0629\n========================================= *\/\n\n#msc-sports-editorial .msc-se-announcement {\n\n  position: absolute;\n\n  width: 1px;\n\n  height: 1px;\n\n  overflow: hidden;\n\n  clip-path:\n    inset(50%);\n\n  white-space: nowrap;\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media (max-width: 900px) {\n\n  #msc-sports-editorial .msc-se-stage {\n\n    height: 470px !important;\n  }\n\n\n  #msc-sports-editorial .msc-se-copy {\n\n    right: 110px;\n\n    bottom: 92px;\n\n    width:\n      min(\n        450px,\n        58%\n      );\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 600px) {\n\n  #msc-sports-editorial .msc-se-stage {\n\n    height: 460px !important;\n\n    background:\n      #052017 !important;\n  }\n\n\n  #msc-sports-editorial .msc-se-photo {\n\n    width: 100% !important;\n\n    height: 100% !important;\n\n    object-fit: cover !important;\n\n    object-position:\n      center center !important;\n  }\n\n\n  #msc-sports-editorial .msc-se-shade {\n\n    background:\n      rgba(\n        5,\n        32,\n        23,\n        .85\n      ) !important;\n  }\n\n\n  #msc-sports-editorial .msc-se-copy {\n\n    right: 22px;\n\n    left: 22px;\n\n    bottom: 60px;\n\n    width: auto;\n  }\n\n\n  #msc-sports-editorial .msc-se-accent-line {\n\n    width: 48px;\n\n    height: 4px;\n\n    margin:\n      0\n      0\n      16px;\n\n    border-radius: 999px;\n\n    background:\n      linear-gradient(\n        270deg,\n        #40B179 0%,\n        rgba(64,177,121,.18) 100%\n      );\n  }\n\n\n  #msc-sports-editorial .msc-se-title {\n\n    font-size:\n      30px !important;\n\n    margin-bottom:\n      9px !important;\n  }\n\n\n  #msc-sports-editorial .msc-se-description {\n\n    font-size:\n      13px !important;\n\n    line-height:\n      1.8 !important;\n  }\n\n\n  #msc-sports-editorial .msc-se-progress {\n\n    justify-content:\n      flex-start;\n\n    flex-direction:\n      row-reverse;\n\n    margin-top:\n      14px;\n\n    gap:\n      10px;\n  }\n\n\n  #msc-sports-editorial .msc-se-track {\n\n    width: 76px;\n  }\n\n}\n\n\n\/* =========================================\n   \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  #msc-sports-editorial * {\n\n    transition:\n      none !important;\n  }\n\n}\n<\/style>\n\n\n<script>\n(() => {\n\n  'use strict';\n\n\n  const root =\n    document.getElementById(\n      'msc-sports-editorial'\n    );\n\n\n  if (\n    !root ||\n    root.dataset.mscSportsReady === '1'\n  ) {\n\n    return;\n  }\n\n\n  root.dataset.mscSportsReady = '1';\n\n\n  function syncWidth() {\n\n    const viewport =\n      document.documentElement.clientWidth;\n\n\n    root.style.setProperty(\n      '--se-viewport-width',\n      viewport + 'px'\n    );\n\n\n    root.style.setProperty(\n      '--se-half-viewport',\n      viewport \/ 2 + 'px'\n    );\n  }\n\n\n  syncWidth();\n\n\n  window.addEventListener(\n    'resize',\n    syncWidth,\n    {\n      passive: true\n    }\n  );\n\n\n  const desktopBase =\n    'https:\/\/masters.sa\/wp-content\/uploads\/2026\/10\/';\n\n\n  const mobileBase =\n    'https:\/\/masters.sa\/wp-content\/uploads\/2026\/11\/';\n\n\n  const games = [\n\n    {\n      title: '\u0627\u0644\u0645\u0635\u0627\u0631\u0639\u0629',\n      desktop: '07.webp',\n      mobile: '07.webp',\n      description:\n        '\u0631\u064a\u0627\u0636\u0629 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0642\u0648\u0629 \u0648\u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0629\u060c \u0648\u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0627\u0641\u0633 \u0648\u0641\u0642 \u0642\u0648\u0627\u0639\u062f \u0641\u0646\u064a\u0629 \u0645\u062d\u062f\u062f\u0629.'\n    },\n\n    {\n      title: '\u0627\u0644\u062f\u0631\u0627\u062c\u0627\u062a',\n      desktop: '05.webp',\n      mobile: '05.webp',\n      description:\n        '\u0631\u064a\u0627\u0636\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0633\u0631\u0639\u0629 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u062d\u0645\u0644 \u0648\u0627\u0644\u062a\u062d\u0643\u0645\u060c \u0648\u062a\u062a\u0637\u0644\u0628 \u0644\u064a\u0627\u0642\u0629 \u0628\u062f\u0646\u064a\u0629 \u0648\u062a\u0631\u0643\u064a\u0632\u064b\u0627 \u0637\u0648\u0627\u0644 \u0627\u0644\u0633\u0628\u0627\u0642.'\n    },\n\n    {\n      title: '\u0627\u0644\u0633\u0628\u0627\u062d\u0629',\n      desktop: '06.webp',\n      mobile: '06.webp',\n      description:\n        '\u0631\u064a\u0627\u0636\u0629 \u0645\u0627\u0626\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062d\u0631\u0643\u0629 \u0648\u0627\u0644\u062a\u0646\u0641\u0633\u060c \u0648\u062a\u064f\u0642\u0627\u0645 \u0628\u0645\u0633\u0627\u0641\u0627\u062a \u0648\u0623\u0633\u0627\u0644\u064a\u0628 \u0645\u062a\u0646\u0648\u0639\u0629 \u062a\u0646\u0645\u0651\u064a \u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0648\u0627\u0644\u0627\u0646\u0636\u0628\u0627\u0637.'\n    },\n\n    {\n      title: '\u0627\u0644\u062a\u062c\u062f\u064a\u0641',\n      desktop: '01.webp',\n      mobile: '01.webp',\n      description:\n        '\u0631\u064a\u0627\u0636\u0629 \u0645\u0627\u0626\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062f\u0641\u0639 \u0627\u0644\u0642\u0627\u0631\u0628 \u0628\u0627\u0644\u0645\u062c\u0627\u062f\u064a\u0641\u060c \u0648\u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0642\u0648\u0629 \u0648\u0627\u0644\u062a\u062d\u0645\u0644 \u0648\u0627\u0644\u0625\u064a\u0642\u0627\u0639 \u0648\u0627\u0644\u062f\u0642\u0629 \u0641\u064a \u0627\u0644\u0623\u062f\u0627\u0621.'\n    },\n\n    {\n      title: '\u0631\u0641\u0639 \u0627\u0644\u0623\u062b\u0642\u0627\u0644',\n      desktop: '04.webp',\n      mobile: '04-1.webp',\n      description:\n        '\u0631\u064a\u0627\u0636\u0629 \u0642\u0648\u0629 \u062a\u062a\u0637\u0644\u0628 \u0625\u062a\u0642\u0627\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0641\u0646\u064a \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0639\u0627\u0644\u064a\u060c \u0648\u062a\u064f\u0628\u0631\u0632 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u0648\u0627\u0644\u0630\u0647\u0646\u064a\u0629.'\n    },\n\n    {\n      title: '\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0642\u0648\u0649',\n      desktop: '03.webp',\n      mobile: '03.webp',\n      description:\n        '\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0645\u0633\u0627\u0628\u0642\u0627\u062a \u0627\u0644\u062c\u0631\u064a \u0648\u0627\u0644\u0642\u0641\u0632 \u0648\u0627\u0644\u0631\u0645\u064a\u060c \u062a\u062e\u062a\u0628\u0631 \u0627\u0644\u0633\u0631\u0639\u0629 \u0648\u0627\u0644\u0642\u0648\u0629 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u062d\u0645\u0644 \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0629.'\n    },\n\n    {\n      title: '\u0627\u0644\u062c\u0648\u062f\u0648',\n      desktop: '10.webp',\n      mobile: '10.webp',\n      description:\n        '\u0631\u064a\u0627\u0636\u0629 \u0642\u062a\u0627\u0644\u064a\u0629 \u062a\u0642\u0648\u0645 \u0639\u0644\u0649 \u0627\u0644\u0631\u0645\u064a\u0627\u062a \u0648\u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0648\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u0633\u064a\u0637\u0631\u0629\u060c \u0648\u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0627\u0646\u0636\u0628\u0627\u0637 \u0648\u0627\u062d\u062a\u0631\u0627\u0645 \u0627\u0644\u0645\u0646\u0627\u0641\u0633.'\n    },\n\n    {\n      title: '\u0627\u0644\u0645\u0628\u0627\u0631\u0632\u0629',\n      desktop: '09.webp',\n      mobile: '09.webp',\n      description:\n        '\u0631\u064a\u0627\u0636\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0633\u0631\u0639\u0629 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0648\u062f\u0642\u0629 \u0627\u0644\u062a\u0648\u0642\u064a\u062a \u0648\u062d\u0633\u0646 \u0642\u0631\u0627\u0621\u0629 \u062a\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0641\u0633 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u0633\u0644\u062d\u0629 \u0627\u0644\u0645\u0628\u0627\u0631\u0632\u0629.'\n    },\n\n    {\n      title: '\u0627\u0644\u0628\u0627\u062f\u0644',\n      desktop: '02.webp',\n      mobile: '02.webp',\n      description:\n        '\u0631\u064a\u0627\u0636\u0629 \u0645\u0636\u0631\u0628 \u0633\u0631\u064a\u0639\u0629 \u062a\u0645\u0632\u062c \u0628\u064a\u0646 \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0648\u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0648\u062a\u062a\u0645\u064a\u0632 \u0628\u0627\u0644\u0644\u0639\u0628 \u0627\u0644\u062c\u0645\u0627\u0639\u064a \u0648\u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u062a\u0643\u062a\u064a\u0643\u064a\u0629.'\n    },\n\n    {\n      title: '\u0627\u0644\u0645\u0644\u0627\u0643\u0645\u0629',\n      desktop: '08.webp',\n      mobile: '08.webp',\n      description:\n        '\u0631\u064a\u0627\u0636\u0629 \u0642\u062a\u0627\u0644\u064a\u0629 \u062a\u062a\u0637\u0644\u0628 \u0627\u0644\u0633\u0631\u0639\u0629 \u0648\u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u062c\u064a\u062f\u060c \u0648\u062a\u064f\u0646\u0645\u0651\u064a \u0627\u0644\u0627\u0646\u0636\u0628\u0627\u0637 \u0648\u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u062c\u0627\u0647\u0632\u064a\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629.'\n    }\n\n  ];\n\n\n  const find =\n    selector =>\n      root.querySelector(selector);\n\n\n  const photo =\n    find('.msc-se-photo');\n\n\n  const title =\n    find('.msc-se-title');\n\n\n  const desc =\n    find('.msc-se-description');\n\n\n  const number =\n    find('.msc-se-count b');\n\n\n  const fill =\n    find('.msc-se-fill');\n\n\n  const announcement =\n    find('.msc-se-announcement');\n\n\n  const stage =\n    find('.msc-se-stage');\n\n\n  const mobileQuery =\n    window.matchMedia(\n      '(max-width: 600px)'\n    );\n\n\n  const reduced =\n    window.matchMedia(\n      '(prefers-reduced-motion: reduce)'\n    );\n\n\n  const badImages =\n    new Set();\n\n\n  let current = 0;\n\n  let destination = 0;\n\n  let token = 0;\n\n  let timer = null;\n\n  let startX = null;\n\n  let startY = null;\n\n\n  function getImageSrc(index) {\n\n    const game =\n      games[index];\n\n\n    if (mobileQuery.matches) {\n\n      return (\n        mobileBase +\n        game.mobile\n      );\n    }\n\n\n    return (\n      desktopBase +\n      game.desktop\n    );\n  }\n\n\n  function display(index) {\n\n    const game =\n      games[index];\n\n\n    title.textContent =\n      game.title;\n\n\n    desc.textContent =\n      game.description;\n\n\n    number.textContent =\n      String(\n        index + 1\n      ).padStart(\n        2,\n        '0'\n      );\n\n\n    fill.style.width =\n      (\n        100 *\n        (\n          index + 1\n        ) \/\n        games.length\n      ) +\n      '%';\n  }\n\n\n  function stop() {\n\n    clearTimeout(\n      timer\n    );\n\n\n    timer =\n      null;\n  }\n\n\n  function schedule() {\n\n    stop();\n\n\n    if (\n      document.hidden ||\n      reduced.matches\n    ) {\n\n      return;\n    }\n\n\n    timer =\n      setTimeout(\n        () =>\n          go(\n            1,\n            false\n          ),\n        3000\n      );\n  }\n\n\n  function loadCurrentImage() {\n\n    const src =\n      getImageSrc(\n        current\n      );\n\n\n    const probe =\n      new Image();\n\n\n    probe.onload =\n      () => {\n\n        photo.src =\n          src;\n\n\n        photo.alt =\n          games[current].title;\n      };\n\n\n    probe.src =\n      src;\n  }\n\n\n  function go(\n    direction,\n    manual = true\n  ) {\n\n    stop();\n\n\n    const localToken =\n      ++token;\n\n\n    let candidate =\n      destination;\n\n\n    let attempts =\n      0;\n\n\n    function attempt() {\n\n\n      if (\n        localToken !== token\n      ) {\n\n        return;\n      }\n\n\n      if (\n        attempts >= games.length\n      ) {\n\n        destination =\n          current;\n\n\n        display(\n          current\n        );\n\n\n        photo.classList.remove(\n          'is-changing'\n        );\n\n\n        announcement.textContent =\n          '\u062a\u0639\u0630\u0631 \u062a\u062d\u0645\u064a\u0644 \u0635\u0648\u0631 \u0627\u0644\u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0623\u062e\u0631\u0649';\n\n\n        schedule();\n\n\n        return;\n      }\n\n\n      candidate =\n        (\n          candidate +\n          direction +\n          games.length\n        ) %\n        games.length;\n\n\n      attempts++;\n\n\n      const key =\n        (\n          mobileQuery.matches\n            ? 'mobile-'\n            : 'desktop-'\n        ) +\n        candidate;\n\n\n      if (\n        badImages.has(\n          key\n        )\n      ) {\n\n        attempt();\n\n        return;\n      }\n\n\n      destination =\n        candidate;\n\n\n      display(\n        candidate\n      );\n\n\n      photo.classList.add(\n        'is-changing'\n      );\n\n\n      const src =\n        getImageSrc(\n          candidate\n        );\n\n\n      const probe =\n        new Image();\n\n\n      probe.onload =\n        () => {\n\n\n          if (\n            localToken !== token\n          ) {\n\n            return;\n          }\n\n\n          current =\n            candidate;\n\n\n          photo.src =\n            src;\n\n\n          photo.alt =\n            games[candidate].title;\n\n\n          photo.classList.remove(\n            'is-changing'\n          );\n\n\n          if (manual) {\n\n            announcement.textContent =\n              games[candidate].title;\n          }\n\n\n          schedule();\n        };\n\n\n      probe.onerror =\n        () => {\n\n\n          if (\n            localToken !== token\n          ) {\n\n            return;\n          }\n\n\n          badImages.add(\n            key\n          );\n\n\n          attempt();\n        };\n\n\n      probe.src =\n        src;\n    }\n\n\n    attempt();\n  }\n\n\n  stage.addEventListener(\n    'keydown',\n    e => {\n\n\n      if (\n        e.key === 'ArrowLeft' ||\n        e.key === 'ArrowRight'\n      ) {\n\n\n        e.preventDefault();\n\n\n        go(\n          e.key === 'ArrowLeft'\n            ? 1\n            : -1\n        );\n      }\n\n    }\n  );\n\n\n  stage.addEventListener(\n    'touchstart',\n    e => {\n\n\n      startX =\n        e.changedTouches[0].screenX;\n\n\n      startY =\n        e.changedTouches[0].screenY;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  stage.addEventListener(\n    'touchend',\n    e => {\n\n\n      if (\n        startX === null\n      ) {\n\n        return;\n      }\n\n\n      const dx =\n        e.changedTouches[0].screenX -\n        startX;\n\n\n      const dy =\n        e.changedTouches[0].screenY -\n        startY;\n\n\n      if (\n        Math.abs(dx) > 55 &&\n        Math.abs(dx) >\n        Math.abs(dy)\n      ) {\n\n\n        go(\n          dx < 0\n            ? 1\n            : -1\n        );\n      }\n\n\n      startX =\n        null;\n\n\n      startY =\n        null;\n\n    },\n    {\n      passive: true\n    }\n  );\n\n\n  function handleScreenChange() {\n\n\n    token++;\n\n\n    stop();\n\n\n    destination =\n      current;\n\n\n    photo.classList.add(\n      'is-changing'\n    );\n\n\n    const src =\n      getImageSrc(\n        current\n      );\n\n\n    const probe =\n      new Image();\n\n\n    probe.onload =\n      () => {\n\n\n        photo.src =\n          src;\n\n\n        photo.alt =\n          games[current].title;\n\n\n        photo.classList.remove(\n          'is-changing'\n        );\n\n\n        schedule();\n      };\n\n\n    probe.onerror =\n      () => {\n\n\n        photo.classList.remove(\n          'is-changing'\n        );\n\n\n        schedule();\n      };\n\n\n    probe.src =\n      src;\n  }\n\n\n  if (\n    mobileQuery.addEventListener\n  ) {\n\n\n    mobileQuery.addEventListener(\n      'change',\n      handleScreenChange\n    );\n  }\n\n\n  document.addEventListener(\n    'visibilitychange',\n    schedule\n  );\n\n\n  if (\n    reduced.addEventListener\n  ) {\n\n\n    reduced.addEventListener(\n      'change',\n      schedule\n    );\n  }\n\n\n  display(\n    current\n  );\n\n\n  loadCurrentImage();\n\n\n  schedule();\n\n})();\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n.masters-about{\n    position:relative;\n    width:100%;\n    min-height:620px;\n    overflow:hidden;\n    display:flex;\n    align-items:center;\n\n    background:\n        url(\"https:\/\/masters.sa\/wp-content\/uploads\/2026\/09\/1222.webp\")\n        center \/ cover no-repeat;\n\n    font-family:\"Cairo\",Arial,sans-serif;\n}\n\n.masters-about__overlay{\n    position:absolute;\n    inset:0;\n    background:linear-gradient(\n        270deg,\n        rgba(20,66,52,.98) 0%,\n        rgba(24,73,57,.92) 35%,\n        rgba(24,73,57,.65) 60%,\n        rgba(0,0,0,.08) 100%\n    );\n}\n\n.masters-about__inner{\n    position:relative;\n    z-index:2;\n    width:min(1300px,calc(100% - 100px));\n    margin:auto;\n}\n\n.masters-about__content{\n    width:min(700px,60%);\n    text-align:right;\n}\n\n.masters-about__line{\n    display:block;\n    width:65px;\n    height:5px;\n    margin:0 0 24px auto;\n    border-radius:10px;\n    background:#f3b240;\n}\n\n.masters-about__title{\n    margin:0 0 22px;\n    color:#fff;\n    font-size:clamp(38px,4vw,62px);\n    font-weight:800;\n    line-height:1.25;\n}\n\n.masters-about__text{\n    margin:0;\n    color:rgba(255,255,255,.93);\n    font-size:clamp(17px,1.3vw,21px);\n    font-weight:400;\n    line-height:2;\n    max-width:700px;\n}\n\n\n\/* Tablet *\/\n@media (max-width:1024px){\n\n    .masters-about{\n        min-height:560px;\n    }\n\n    .masters-about__inner{\n        width:calc(100% - 60px);\n    }\n\n    .masters-about__content{\n        width:70%;\n    }\n}\n\n\n\/* Mobile *\/\n@media (max-width:767px){\n\n    .masters-about{\n        min-height:580px;\n        align-items:flex-end;\n        background-position:center;\n    }\n\n    .masters-about__overlay{\n        background:linear-gradient(\n            180deg,\n            rgba(20,66,52,.35) 0%,\n            rgba(20,66,52,.80) 42%,\n            rgba(20,66,52,.98) 100%\n        );\n    }\n\n    .masters-about__inner{\n        width:calc(100% - 40px);\n    }\n\n    .masters-about__content{\n        width:100%;\n        padding:70px 0 50px;\n    }\n\n    .masters-about__line{\n        width:50px;\n        height:4px;\n        margin-bottom:18px;\n    }\n\n    .masters-about__title{\n        font-size:36px;\n        margin-bottom:18px;\n    }\n\n    .masters-about__text{\n        font-size:16px;\n        line-height:1.9;\n    }\n}\n<\/style>\n\n\n<!-- \u0642\u0633\u0645 \u0639\u0646 \u0627\u0644\u0644\u062c\u0646\u0629 - \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 -->\n<section id=\"smsc-about-luxury\" dir=\"rtl\" lang=\"ar\" aria-labelledby=\"smsc-about-luxury-title\">\n  <div class=\"smsc-about-luxury-wrap\">\n\n    <div class=\"smsc-about-luxury-grid\">\n\n      <!-- \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0627\u0644\u0648\u062d\u064a\u062f\u0629 -->\n      <div class=\"smsc-about-luxury-card\">\n\n        <span class=\"smsc-about-luxury-line\" aria-hidden=\"true\"><\/span>\n\n        <h2 id=\"smsc-about-luxury-title\" class=\"smsc-about-luxury-title\">\n          \u0639\u0646 <span>\u0627\u0644\u0644\u062c\u0646\u0629<\/span>\n        <\/h2>\n\n        <p class=\"smsc-about-luxury-text\">\n          \u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629 \u062c\u0647\u0629 \u0631\u064a\u0627\u0636\u064a\u0629 \u0648\u0637\u0646\u064a\u0629 \u062a\u064f\u0639\u0646\u0649 \u0628\u062a\u0639\u0632\u064a\u0632 \u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0644\u0641\u0626\u0629 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629 \u0648\u062a\u0645\u0643\u064a\u0646\u0647\u0645 \u0645\u0646 \u0645\u0648\u0627\u0635\u0644\u0629 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0628\u0637\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0648\u064a\u064a\u0646 \u0627\u0644\u0645\u062d\u0644\u064a \u0648\u0627\u0644\u062f\u0648\u0644\u064a.\n        <\/p>\n\n        <div class=\"smsc-about-luxury-footer\">\n          <a\n            href=\"https:\/\/masters.sa\/?page_id=155\"\n            class=\"smsc-about-luxury-link\"\n            aria-label=\"\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0627\u0644\u0644\u062c\u0646\u0629\"\n          >\n            <span>\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M19 12H5M11 6l-6 6 6 6\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================\n   \u0642\u0633\u0645 \u0639\u0646 \u0627\u0644\u0644\u062c\u0646\u0629\n   \u062e\u0644\u0641\u064a\u0629 #f9f9f9 \u0648\u0628\u0637\u0627\u0642\u0629 \u0628\u064a\u0636\u0627\u0621 \u0648\u0627\u062d\u062f\u0629\n========================================= *\/\n\n#smsc-about-luxury {\n  --smsc-green: #204E3D;\n  --smsc-accent: #40B179;\n  --smsc-text: #31423A;\n  --smsc-bg: #f9f9f9;\n\n  position: relative;\n  width: 100%;\n  margin: 0 !important;\n  padding: 28px 24px 70px;\n\n  background: var(--smsc-bg) !important;\n  background-image: none !important;\n\n  font-family: Cairo, Tahoma, Arial, sans-serif;\n  direction: rtl;\n  overflow: hidden;\n}\n\n#smsc-about-luxury,\n#smsc-about-luxury *,\n#smsc-about-luxury *::before,\n#smsc-about-luxury *::after {\n  box-sizing: border-box;\n}\n\n\/* =========================================\n   \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0628\u062f\u0648\u0646 \u0635\u0646\u062f\u0648\u0642\n========================================= *\/\n\n#smsc-about-luxury .smsc-about-luxury-wrap {\n  position: relative;\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0;\n\n  background: transparent !important;\n  background-image: none !important;\n\n  border: none !important;\n  outline: none !important;\n  border-radius: 0 !important;\n  box-shadow: none !important;\n}\n\n#smsc-about-luxury .smsc-about-luxury-wrap::before,\n#smsc-about-luxury .smsc-about-luxury-wrap::after {\n  content: none !important;\n  display: none !important;\n}\n\n\/* =========================================\n   \u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\n========================================= *\/\n\n#smsc-about-luxury .smsc-about-luxury-grid {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 0;\n}\n\n\/* =========================================\n   \u0627\u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629\n========================================= *\/\n\n#smsc-about-luxury .smsc-about-luxury-card {\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  padding: 36px 34px 28px;\n\n  background: linear-gradient(\n    180deg,\n    #FFFFFF 0%,\n    #FCFDFC 100%\n  ) !important;\n\n  border: none !important;\n  outline: none !important;\n  border-radius: 24px !important;\n\n  box-shadow: 0 14px 32px rgba(22,64,45,.055) !important;\n\n  overflow: hidden;\n  transition: box-shadow .25s ease;\n}\n\n#smsc-about-luxury .smsc-about-luxury-card:hover {\n  box-shadow: 0 18px 38px rgba(22,64,45,.09) !important;\n}\n\n#smsc-about-luxury .smsc-about-luxury-card::before,\n#smsc-about-luxury .smsc-about-luxury-card::after {\n  content: none !important;\n  display: none !important;\n}\n\n\/* =========================================\n   \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u062e\u0636\u0631 \u0641\u0648\u0642 \u0627\u0644\u0639\u0646\u0648\u0627\u0646\n========================================= *\/\n\n#smsc-about-luxury .smsc-about-luxury-line {\n  display: block;\n  width: 58px;\n  height: 4px;\n  margin: 0 0 22px;\n  border-radius: 999px;\n\n  background: linear-gradient(\n    270deg,\n    #40B179 0%,\n    rgba(64,177,121,.18) 100%\n  );\n}\n\n\/* =========================================\n   \u0627\u0644\u0639\u0646\u0648\u0627\u0646\n========================================= *\/\n\n#smsc-about-luxury .smsc-about-luxury-title {\n  margin: 0 0 14px !important;\n  padding: 0 !important;\n\n  color: #193026 !important;\n  font-size: 30px !important;\n  line-height: 1.4 !important;\n  font-weight: 800 !important;\n  text-align: right;\n}\n\n#smsc-about-luxury .smsc-about-luxury-title span {\n  color: var(--smsc-green) !important;\n}\n\n\/* =========================================\n   \u0627\u0644\u0646\u0635 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\n========================================= *\/\n\n#smsc-about-luxury .smsc-about-luxury-text {\n  position: relative;\n  z-index: 1;\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: var(--smsc-text) !important;\n  font-size: clamp(17px, 1.3vw, 21px) !important;\n  line-height: 2.25 !important;\n  font-weight: 500 !important;\n  text-align: right;\n}\n\n\/* =========================================\n   \u0623\u0633\u0641\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629\n========================================= *\/\n\n#smsc-about-luxury .smsc-about-luxury-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 18px;\n  flex-wrap: wrap;\n\n  margin-top: 30px;\n  padding-top: 22px;\n  border-top: 1px solid #E4EBE6;\n}\n\n\/* =========================================\n   \u0631\u0627\u0628\u0637 \u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f\n========================================= *\/\n\n#smsc-about-luxury .smsc-about-luxury-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n\n  color: var(--smsc-green) !important;\n  text-decoration: none !important;\n\n  font-size: 15px;\n  font-weight: 800;\n\n  transition: gap .2s ease, color .2s ease;\n}\n\n#smsc-about-luxury .smsc-about-luxury-link:hover {\n  gap: 17px;\n  color: var(--smsc-accent) !important;\n}\n\n#smsc-about-luxury .smsc-about-luxury-link svg {\n  display: block;\n  width: 20px;\n  height: 20px;\n\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.9;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* =========================================\n   Elementor\n========================================= *\/\n\nbody .elementor-widget-html:has(#smsc-about-luxury),\nbody .elementor-widget-html:has(#smsc-about-luxury)\n> .elementor-widget-container {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  background: #f9f9f9 !important;\n  background-image: none !important;\n\n  border: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n}\n\nbody .e-con:has(#smsc-about-luxury) {\n  --gap: 0px !important;\n  --row-gap: 0px !important;\n  --widgets-spacing: 0px !important;\n\n  row-gap: 0 !important;\n\n  background: #f9f9f9 !important;\n  background-image: none !important;\n}\n\n\/* =========================================\n   \u0627\u0644\u062a\u0627\u0628\u0644\u062a\n========================================= *\/\n\n@media (max-width: 1024px) {\n  #smsc-about-luxury {\n    padding: 26px 20px 60px;\n  }\n\n  #smsc-about-luxury .smsc-about-luxury-card {\n    padding: 30px 26px 24px;\n  }\n}\n\n\/* =========================================\n   \u0627\u0644\u062c\u0648\u0627\u0644\n========================================= *\/\n\n@media (max-width: 767px) {\n  #smsc-about-luxury {\n    padding: 20px 16px 50px;\n  }\n\n  #smsc-about-luxury .smsc-about-luxury-card {\n    padding: 25px 19px 21px;\n    border-radius: 20px !important;\n  }\n\n  #smsc-about-luxury .smsc-about-luxury-title {\n    font-size: 30px !important;\n  }\n\n  #smsc-about-luxury .smsc-about-luxury-text {\n    font-size: 16px !important;\n    line-height: 2.05 !important;\n  }\n\n  #smsc-about-luxury .smsc-about-luxury-footer {\n    margin-top: 22px;\n    padding-top: 18px;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n\/* =========================================\n   \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #smsc-about-luxury .smsc-about-luxury-card,\n  #smsc-about-luxury .smsc-about-luxury-link {\n    transition: none !important;\n  }\n}\n<\/style>\n\n\n\n<style data-wp-block-html=\"css\">\n.masters-about{\n    position:relative;\n    width:100%;\n    min-height:620px;\n    overflow:hidden;\n    display:flex;\n    align-items:center;\n\n    background:\n        url(\"https:\/\/masters.sa\/wp-content\/uploads\/2026\/09\/1222.webp\")\n        center \/ cover no-repeat;\n\n    font-family:\"Cairo\",Arial,sans-serif;\n}\n\n.masters-about__overlay{\n    position:absolute;\n    inset:0;\n    background:linear-gradient(\n        270deg,\n        rgba(20,66,52,.98) 0%,\n        rgba(24,73,57,.92) 35%,\n        rgba(24,73,57,.65) 60%,\n        rgba(0,0,0,.08) 100%\n    );\n}\n\n.masters-about__inner{\n    position:relative;\n    z-index:2;\n    width:min(1300px,calc(100% - 100px));\n    margin:auto;\n}\n\n.masters-about__content{\n    width:min(700px,60%);\n    text-align:right;\n}\n\n.masters-about__line{\n    display:block;\n    width:65px;\n    height:5px;\n    margin:0 0 24px auto;\n    border-radius:10px;\n    background:#f3b240;\n}\n\n.masters-about__title{\n    margin:0 0 22px;\n    color:#fff;\n    font-size:clamp(38px,4vw,62px);\n    font-weight:800;\n    line-height:1.25;\n}\n\n.masters-about__text{\n    margin:0;\n    color:rgba(255,255,255,.93);\n    font-size:clamp(17px,1.3vw,21px);\n    font-weight:400;\n    line-height:2;\n    max-width:700px;\n}\n\n\n\/* Tablet *\/\n@media (max-width:1024px){\n\n    .masters-about{\n        min-height:560px;\n    }\n\n    .masters-about__inner{\n        width:calc(100% - 60px);\n    }\n\n    .masters-about__content{\n        width:70%;\n    }\n}\n\n\n\/* Mobile *\/\n@media (max-width:767px){\n\n    .masters-about{\n        min-height:580px;\n        align-items:flex-end;\n        background-position:center;\n    }\n\n    .masters-about__overlay{\n        background:linear-gradient(\n            180deg,\n            rgba(20,66,52,.35) 0%,\n            rgba(20,66,52,.80) 42%,\n            rgba(20,66,52,.98) 100%\n        );\n    }\n\n    .masters-about__inner{\n        width:calc(100% - 40px);\n    }\n\n    .masters-about__content{\n        width:100%;\n        padding:70px 0 50px;\n    }\n\n    .masters-about__line{\n        width:50px;\n        height:4px;\n        margin-bottom:18px;\n    }\n\n    .masters-about__title{\n        font-size:36px;\n        margin-bottom:18px;\n    }\n\n    .masters-about__text{\n        font-size:16px;\n        line-height:1.9;\n    }\n}\n<\/style>\n\n<!-- \u0642\u0633\u0645 \u0627\u0644\u0628\u0637\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a: \u0634\u0643\u0644 \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0642\u062f\u064a\u0645\u060c \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062d\u0627\u0644\u064a \u062f\u0648\u0646 \u062a\u063a\u064a\u064a\u0631 -->\n<section id=\"smsc-events-light\" dir=\"rtl\" lang=\"ar\" aria-labelledby=\"smsc-events-title\">\n  <div class=\"smsc-events-wrap\">\n    <div class=\"smsc-events-layout\">\n      <div class=\"smsc-events-copy\">\n        <span class=\"smsc-events-accent\" aria-hidden=\"true\"><\/span>\n        <h2 class=\"smsc-events-title\" id=\"smsc-events-title\">\u0627\u0644\u0628\u0637\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/h2>\n        <p class=\"smsc-events-desc\">\u0646\u0648\u0627\u0643\u0628 \u0634\u063a\u0641\u0643\u0645 \u0628\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0631\u064a\u0627\u0636\u064a\u0629 \u0648\u0645\u062c\u062a\u0645\u0639\u064a\u0629 \u0645\u0644\u0647\u0645\u0629 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0639\u0627\u0645<\/p>\n        <a class=\"smsc-events-all\" href=\"https:\/\/masters.sa\/?page_id=1651\">\n          <span>\u0639\u0631\u0636 \u0627\u0644\u0643\u0644<\/span>\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5m6-6-6 6 6 6\"\/><\/svg>\n        <\/a>\n      <\/div>\n      <div class=\"smsc-events-slider-area\">\n        <div class=\"smsc-events-stage\" tabindex=\"0\" aria-label=\"\u0628\u0637\u0648\u0644\u0627\u062a \u0648\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u060c \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0623\u0633\u0647\u0645 \u0644\u0644\u062a\u0646\u0642\u0644\" aria-roledescription=\"carousel\">\n<article class=\"smsc-event-card\" data-position=\"hidden\" aria-hidden=\"true\">\n\n            <img class=\"smsc-event-bg\" src=\"https:\/\/masters.sa\/wp-content\/uploads\/2026\/10\/04.webp\" alt=\"\u0635\u0648\u0631\u0629 \u062a\u0648\u0636\u064a\u062d\u064a\u0629 \u0644\u0631\u064a\u0627\u0636\u0629 \u0631\u0641\u0639 \u0627\u0644\u0623\u062b\u0642\u0627\u0644\" loading=\"lazy\" decoding=\"async\">\n\n            <div class=\"smsc-event-body\">\n\n              <h3 class=\"smsc-event-name\">\n                \u0627\u0644\u0628\u0637\u0648\u0644\u0629 \u0627\u0644\u0645\u0641\u062a\u0648\u062d\u0629 \u0644\u0631\u0641\u0639 \u0627\u0644\u0623\u062b\u0642\u0627\u0644 \u0644\u0644\u0647\u064a\u0626\u0627\u062a \u0648\u0627\u0644\u0645\u0627\u0633\u062a\u0631\n              <\/h3>\n\n              <div class=\"smsc-event-meta\">\n\n                <span>\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\n                    <path d=\"M16 3v4M8 3v4M3 10h18\"><\/path>\n                  <\/svg>\n                  <span>3-4 \u0633\u0628\u062a\u0645\u0628\u0631 2026<\/span>\n                <\/span>\n\n                <span>\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"><\/path>\n                    <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\n                  <\/svg>\n                  <span>\u0627\u0644\u0642\u0635\u064a\u0645 &#8211; \u0646\u0627\u062f\u064a \u0627\u0644\u0646\u062c\u0645\u0629<\/span>\n                <\/span>\n\n              <\/div>\n\n              <a class=\"smsc-event-btn\" href=\"https:\/\/masters.sa\/?page_id=1651\">\n                \u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\n              <\/a>\n\n            <\/div>\n\n          <\/article>\n<article class=\"smsc-event-card\" data-position=\"hidden\" aria-hidden=\"true\">\n\n            <img class=\"smsc-event-bg\" src=\"https:\/\/masters.sa\/wp-content\/uploads\/2026\/10\/02.webp\" alt=\"\u0635\u0648\u0631\u0629 \u062a\u0648\u0636\u064a\u062d\u064a\u0629 \u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0628\u0627\u062f\u0644\" loading=\"lazy\" decoding=\"async\">\n\n            <div class=\"smsc-event-body\">\n\n              <h3 class=\"smsc-event-name\">\n                \u0628\u0637\u0648\u0644\u0629 \u0627\u0644\u0628\u0627\u062f\u0644 \u0644\u0644\u0623\u0633\u0627\u062a\u0630\u0629\n              <\/h3>\n\n              <div class=\"smsc-event-meta\">\n\n                <span>\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\n                    <path d=\"M16 3v4M8 3v4M3 10h18\"><\/path>\n                  <\/svg>\n                  <span>23-26 \u062f\u064a\u0633\u0645\u0628\u0631 2026<\/span>\n                <\/span>\n\n                <span>\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"><\/path>\n                    <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\n                  <\/svg>\n                  <span>\u064a\u062d\u062f\u062f \u0644\u0627\u062d\u0642\u064b\u0627<\/span>\n                <\/span>\n\n              <\/div>\n\n              <a class=\"smsc-event-btn\" href=\"https:\/\/masters.sa\/?page_id=1651\">\n                \u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\n              <\/a>\n\n            <\/div>\n\n          <\/article>\n<article class=\"smsc-event-card\" data-position=\"hidden\" aria-hidden=\"true\">\n\n            <img class=\"smsc-event-bg\" src=\"https:\/\/masters.sa\/wp-content\/uploads\/2026\/10\/06.webp\" alt=\"\u0635\u0648\u0631\u0629 \u062a\u0648\u0636\u064a\u062d\u064a\u0629 \u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0633\u0628\u0627\u062d\u0629\" loading=\"lazy\" decoding=\"async\">\n\n            <div class=\"smsc-event-body\">\n\n              <h3 class=\"smsc-event-name\">\n                \u0628\u0637\u0648\u0644\u0629 \u0627\u0644\u0633\u0628\u0627\u062d\u0629 \u0644\u0644\u0623\u0633\u0627\u062a\u0630\u0629\n              <\/h3>\n\n              <div class=\"smsc-event-meta\">\n\n                <span>\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\n                    <path d=\"M16 3v4M8 3v4M3 10h18\"><\/path>\n                  <\/svg>\n                  <span>14-16 \u0646\u0648\u0641\u0645\u0628\u0631 2026<\/span>\n                <\/span>\n\n                <span>\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"><\/path>\n                    <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\n                  <\/svg>\n                  <span>\u0627\u0644\u0631\u064a\u0627\u0636<\/span>\n                <\/span>\n\n              <\/div>\n\n              <a class=\"smsc-event-btn\" href=\"https:\/\/masters.sa\/?page_id=1651\">\n                \u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\n              <\/a>\n\n            <\/div>\n\n          <\/article>\n<article class=\"smsc-event-card\" data-position=\"hidden\" aria-hidden=\"true\">\n\n            <img class=\"smsc-event-bg\" src=\"https:\/\/masters.sa\/wp-content\/uploads\/2026\/10\/03.webp\" alt=\"\u0635\u0648\u0631\u0629 \u062a\u0648\u0636\u064a\u062d\u064a\u0629 \u0644\u0631\u064a\u0627\u0636\u0629 \u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0642\u0648\u0649\" loading=\"lazy\" decoding=\"async\">\n\n            <div class=\"smsc-event-body\">\n\n              <h3 class=\"smsc-event-name\">\n                \u0628\u0637\u0648\u0644\u0629 \u0623\u0644\u0639\u0627\u0628 \u0627\u0644\u0642\u0648\u0649 \u0644\u0644\u0623\u0633\u0627\u062a\u0630\u0629\n              <\/h3>\n\n              <div class=\"smsc-event-meta\">\n\n                <span>\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\n                    <path d=\"M16 3v4M8 3v4M3 10h18\"><\/path>\n                  <\/svg>\n                  <span>10-12 \u0623\u0643\u062a\u0648\u0628\u0631 2026<\/span>\n                <\/span>\n\n                <span>\n                  <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                    <path d=\"M12 21s7-4.35 7-11a7 7 0 1 0-14 0c0 6.65 7 11 7 11Z\"><\/path>\n                    <circle cx=\"12\" cy=\"10\" r=\"2.5\"><\/circle>\n                  <\/svg>\n                  <span>\u062c\u062f\u0629<\/span>\n                <\/span>\n\n              <\/div>\n\n              <a class=\"smsc-event-btn\" href=\"https:\/\/masters.sa\/?page_id=1651\">\n                \u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\n              <\/a>\n\n            <\/div>\n\n          <\/article>\n        <\/div>\n        <div class=\"smsc-events-controls\">\n          <div class=\"smsc-events-nav\">\n            <button type=\"button\" class=\"smsc-events-arrow smsc-events-prev\" aria-label=\"\u0627\u0644\u0628\u0637\u0648\u0644\u0629 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14m-6-6 6 6-6 6\"\/><\/svg><\/button>\n            <button type=\"button\" class=\"smsc-events-arrow smsc-events-next\" aria-label=\"\u0627\u0644\u0628\u0637\u0648\u0644\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M19 12H5m6-6-6 6 6 6\"\/><\/svg><\/button>\n          <\/div>\n          <div class=\"smsc-events-dots\" aria-label=\"\u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0637\u0648\u0644\u0629\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n\/* \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0645\u0623\u062e\u0648\u0630\u0629 \u0645\u0646 \u0643\u0648\u062f \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062d\u0627\u0644\u064a: \u0623\u0628\u064a\u0636 #F9F9F9 \u0648\u0623\u062e\u0636\u0631 #204E3D *\/\n#smsc-events-light{--ev-green:#204E3D;--ev-accent:#40B179;--ev-muted:#6D7B74;background:#F9F9F9!important;position:relative;width:100%;margin:0!important;padding:46px 24px 66px;overflow:hidden;direction:rtl;font-family:Cairo,Tahoma,Arial,sans-serif}\n#smsc-events-light,#smsc-events-light *,#smsc-events-light *::before,#smsc-events-light *::after{box-sizing:border-box}\n#smsc-events-light .smsc-events-wrap{width:100%;max-width:1340px;margin:0 auto}\n#smsc-events-light .smsc-events-layout{display:flex;align-items:center;gap:42px;direction:rtl}\n#smsc-events-light .smsc-events-copy{flex:0 0 285px;min-width:0;text-align:right}\n#smsc-events-light .smsc-events-accent{display:block;width:58px;height:4px;margin:0 0 22px;border-radius:99px;background:linear-gradient(270deg,#40B179,rgba(64,177,121,.12))}\n#smsc-events-light .smsc-events-title{margin:0!important;padding:0!important;color:#193026!important;font-size:30px!important;line-height:1.4!important;font-weight:800!important;white-space:nowrap;font-size:clamp(22px,2vw,28px)!important}\n#smsc-events-light .smsc-events-desc{margin:20px 0 0!important;padding:0!important;color:var(--ev-muted)!important;font-size:16px!important;line-height:2!important}\n#smsc-events-light .smsc-events-all{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding-bottom:5px;border-bottom:1px solid var(--ev-green);color:var(--ev-green)!important;text-decoration:none!important;font-size:15px;font-weight:800;transition:gap .2s,color .2s}\n#smsc-events-light .smsc-events-all:hover{gap:16px;color:var(--ev-accent)!important}\n#smsc-events-light svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}\n#smsc-events-light .smsc-events-slider-area{flex:1;min-width:0;width:100%;overflow:hidden}\n\/* \u0627\u0644\u0648\u0633\u0637 \u0623\u0643\u0628\u0631\u060c \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0623\u0635\u063a\u0631\u061b \u0644\u0627 \u0646\u063a\u064a\u0631 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0623\u0648 \u0635\u0648\u0631 \u0627\u0644\u0643\u0631\u0648\u062a *\/\n#smsc-events-light .smsc-events-stage{position:relative;height:354px;width:100%;overflow:hidden;isolation:isolate;outline-offset:-3px;touch-action:pan-y;--side-shift:clamp(175px,25vw,250px)}\n#smsc-events-light .smsc-event-card{position:absolute;top:50%;left:50%;width:min(405px,58%);height:300px;min-height:0;margin:0;overflow:hidden;isolation:isolate;border-radius:18px;background:#13372A;box-shadow:0 10px 25px rgba(12,30,22,.08);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.68);transition:transform .58s cubic-bezier(.22,.68,0,1.02),opacity .4s ease,visibility .4s ease,box-shadow .3s ease}\n#smsc-events-light .smsc-event-card[data-position=\"center\"]{z-index:3;opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1);box-shadow:0 16px 30px rgba(12,30,22,.15)}\n#smsc-events-light .smsc-event-card[data-position=\"before\"]{z-index:1;opacity:.68;visibility:visible;pointer-events:auto;cursor:pointer;transform:translate(calc(-50% + var(--side-shift)),-50%) scale(.72)}\n#smsc-events-light .smsc-event-card[data-position=\"after\"]{z-index:1;opacity:.68;visibility:visible;pointer-events:auto;cursor:pointer;transform:translate(calc(-50% - var(--side-shift)),-50%) scale(.72)}\n#smsc-events-light .smsc-event-bg{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center;transition:transform .45s}\n#smsc-events-light .smsc-event-card[data-position=\"center\"]:hover .smsc-event-bg{transform:scale(1.035)}\n#smsc-events-light .smsc-event-card::after{content:\"\";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(4,24,16,.96) 0%,rgba(4,24,16,.83) 28%,rgba(4,24,16,.30) 62%,transparent 100%)}\n#smsc-events-light .smsc-event-body{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:14px 18px 19px;text-align:right;color:#fff}\n#smsc-events-light .smsc-event-name{margin:0 0 9px!important;padding:0!important;color:#fff!important;font-size:clamp(16px,1.45vw,21px)!important;font-weight:800!important;line-height:1.35!important;overflow-wrap:break-word}\n#smsc-events-light .smsc-event-meta{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}\n#smsc-events-light .smsc-event-meta>span{display:flex;align-items:center;gap:7px;color:#F0F6F2;font-size:11px;line-height:1.5}\n#smsc-events-light .smsc-event-meta svg{width:13px;height:13px;flex:0 0 13px;stroke:#ADD9BE}\n#smsc-events-light .smsc-event-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:39px;padding:7px 11px;border:1px solid #fff;border-radius:999px;background:#fff;color:var(--ev-green)!important;text-decoration:none!important;font-size:13px;font-weight:800;transition:background .2s,color .2s,border-color .2s}\n#smsc-events-light .smsc-event-btn:hover{background:var(--ev-green);border-color:var(--ev-green);color:#fff!important}\n#smsc-events-light .smsc-event-card:not([data-position=\"center\"]) .smsc-event-btn{pointer-events:none}\n#smsc-events-light .smsc-events-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-top:2px}\n#smsc-events-light .smsc-events-nav{display:flex;align-items:center;gap:12px;direction:rtl}\n#smsc-events-light .smsc-events-arrow{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #CDDBD1;border-radius:50%;background:#fff;color:var(--ev-green);cursor:pointer;transition:background .2s,color .2s,transform .2s}\n#smsc-events-light .smsc-events-arrow:hover{background:var(--ev-green);color:#fff;transform:translateY(-2px)}\n#smsc-events-light .smsc-events-arrow:focus-visible,#smsc-events-light .smsc-events-dot:focus-visible{outline:2px solid var(--ev-accent);outline-offset:3px}\n#smsc-events-light .smsc-events-dots{display:flex;align-items:center;justify-content:center;gap:6px;direction:ltr}\n#smsc-events-light .smsc-events-dot{display:block;width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#CDDBD1;cursor:pointer;transition:width .3s,background .3s}\n#smsc-events-light .smsc-events-dot[aria-current=\"true\"]{width:30px;background:var(--ev-green)}\nbody .elementor-widget-html:has(#smsc-events-light),body .elementor-widget-html:has(#smsc-events-light)>.elementor-widget-container{margin:0!important;padding:0!important;background:#F9F9F9!important}\n@media(max-width:1100px){#smsc-events-light .smsc-events-layout{gap:20px}#smsc-events-light .smsc-events-copy{flex-basis:240px}#smsc-events-light .smsc-events-stage{--side-shift:clamp(140px,21vw,190px)}#smsc-events-light .smsc-event-card{width:min(370px,64%);height:275px}#smsc-events-light .smsc-events-stage{height:315px}}\n@media(max-width:900px){#smsc-events-light{padding:36px 16px 48px}#smsc-events-light .smsc-events-layout{flex-direction:column;align-items:stretch;gap:14px}#smsc-events-light .smsc-events-copy{flex:initial;width:100%}#smsc-events-light .smsc-events-title br{display:none}#smsc-events-light .smsc-events-slider-area{width:100%}#smsc-events-light .smsc-events-stage{height:340px;--side-shift:clamp(120px,30vw,220px)}#smsc-events-light .smsc-event-card{width:min(390px,62%);height:295px}}\n@media(max-width:600px){#smsc-events-light .smsc-events-stage{height:335px;--side-shift:clamp(110px,35vw,155px)}#smsc-events-light .smsc-event-card{width:min(300px,78%);height:265px;border-radius:16px}#smsc-events-light .smsc-event-card[data-position=\"before\"]{transform:translate(calc(-50% + var(--side-shift)),-50%) scale(.68)}#smsc-events-light .smsc-event-card[data-position=\"after\"]{transform:translate(calc(-50% - var(--side-shift)),-50%) scale(.68)}#smsc-events-light .smsc-event-body{padding:12px 12px 14px}#smsc-events-light .smsc-event-name{font-size:16px!important}#smsc-events-light .smsc-event-meta>span{font-size:10px}#smsc-events-light .smsc-event-btn{min-height:35px;font-size:12px}#smsc-events-light .smsc-events-arrow{width:42px;height:42px}}\n@media(prefers-reduced-motion:reduce){#smsc-events-light .smsc-event-card,#smsc-events-light .smsc-event-bg,#smsc-events-light .smsc-events-arrow,#smsc-events-light .smsc-events-dot{transition:none!important}}\n<\/style>\n<script>\n(function(){\n 'use strict';\n const root=document.getElementById('smsc-events-light');\n if(!root||root.dataset.sliderReady==='1')return;\n root.dataset.sliderReady='1';\n const stage=root.querySelector('.smsc-events-stage');\n const cards=[...root.querySelectorAll('.smsc-event-card')];\n const dots=root.querySelector('.smsc-events-dots');\n const prev=root.querySelector('.smsc-events-prev');\n const next=root.querySelector('.smsc-events-next');\n if(!stage||!dots||cards.length<3)return;\n let current=0,timer=null,startX=0,startY=0;\n const reduced=window.matchMedia('(prefers-reduced-motion: reduce)');\n cards.forEach((card,i)=>{\n   const dot=document.createElement('button');\n   dot.type='button';dot.className='smsc-events-dot';dot.setAttribute('aria-label','\u0639\u0631\u0636 \u0627\u0644\u0628\u0637\u0648\u0644\u0629 '+(i+1));\n   dot.addEventListener('click',()=>{setActive(i);restart();});\n   dots.appendChild(dot);\n   card.addEventListener('click',(event)=>{\n     if(event.target.closest('a')&&card.dataset.position==='center')return;\n     if(card.dataset.position==='before')setActive((current-1+cards.length)%cards.length);\n     else if(card.dataset.position==='after')setActive((current+1)%cards.length);\n     restart();\n   });\n });\n function setActive(n){\n   current=(n+cards.length)%cards.length;\n   cards.forEach((card,i)=>{\n     const offset=(i-current+cards.length)%cards.length;\n     const position=offset===0?'center':offset===1?'after':offset===cards.length-1?'before':'hidden';\n     card.dataset.position=position;\n     card.setAttribute('aria-hidden',position==='hidden'?'true':'false');\n     const link=card.querySelector('a');if(link)link.tabIndex=position==='center'?0:-1;\n   });\n   [...dots.children].forEach((dot,i)=>dot.setAttribute('aria-current',String(i===current)));\n }\n function step(n){setActive(current+n);restart();}\n prev.addEventListener('click',()=>step(-1));next.addEventListener('click',()=>step(1));\n stage.addEventListener('keydown',(e)=>{if(e.key==='ArrowLeft'){e.preventDefault();step(1)}else if(e.key==='ArrowRight'){e.preventDefault();step(-1)}});\n stage.addEventListener('touchstart',e=>{startX=e.changedTouches[0].clientX;startY=e.changedTouches[0].clientY},{passive:true});\n stage.addEventListener('touchend',e=>{const dx=e.changedTouches[0].clientX-startX;const dy=e.changedTouches[0].clientY-startY;if(Math.abs(dx)>45&&Math.abs(dx)>Math.abs(dy))step(dx>0?-1:1)},{passive:true});\n function stop(){if(timer){clearInterval(timer);timer=null}}\n function start(){if(reduced.matches||document.hidden)return;stop();timer=setInterval(()=>setActive(current+1),5000)}\n function restart(){stop();start()}\n root.addEventListener('mouseenter',stop);root.addEventListener('mouseleave',start);\n root.addEventListener('focusin',stop);root.addEventListener('focusout',e=>{if(!root.contains(e.relatedTarget))start()});\n document.addEventListener('visibilitychange',()=>{if(document.hidden)stop();else start()});\n if(reduced.addEventListener)reduced.addEventListener('change',()=>{if(reduced.matches)stop();else start()});\n setActive(0);start();\n})();\n<\/script>\n\n\n\n<!-- =========================================\n     \u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0644\u062c\u0646\u0629 - Masters SA\n     \u0627\u0646\u062a\u0638\u0627\u0631 \u062b\u0627\u0646\u064a\u062a\u064a\u0646 \u062b\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a\n========================================= -->\n\n<section id=\"smsc-stats-dark\" dir=\"rtl\" lang=\"ar\"\n         aria-labelledby=\"smsc-stats-title\">\n\n  <div class=\"smsc-stats-wrap\">\n\n    <!-- \u0627\u0644\u0639\u0646\u0648\u0627\u0646 -->\n    <div class=\"smsc-stats-head\">\n      <span class=\"smsc-stats-line\" aria-hidden=\"true\"><\/span>\n      <h2 id=\"smsc-stats-title\">\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a \u0627\u0644\u0644\u062c\u0646\u0629<\/h2>\n    <\/div>\n\n    <!-- \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a -->\n    <div class=\"smsc-stats-grid\">\n\n      <!-- \u0627\u0644\u0645\u064a\u062f\u0627\u0644\u064a\u0627\u062a -->\n      <div class=\"smsc-stat-item\">\n\n        <div class=\"smsc-stat-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"14\" r=\"5\"><\/circle>\n            <path d=\"M9 9 6 3h4l2 4 2-4h4l-3 6\"><\/path>\n            <path d=\"m12 11 1 2 2 .3-1.5 1.5.4 2.2-1.9-1-1.9 1 .4-2.2L9 13.3l2-.3 1-2Z\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <strong>\n          <span class=\"smsc-stat-plus\">+<\/span>\n          <span class=\"smsc-stat-number\" data-value=\"174\">174<\/span>\n        <\/strong>\n\n        <span class=\"smsc-stat-label\">\u0639\u062f\u062f \u0627\u0644\u0645\u064a\u062f\u0627\u0644\u064a\u0627\u062a<\/span>\n\n      <\/div>\n\n      <!-- \u0627\u0644\u0628\u0637\u0648\u0644\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a\u0629 -->\n      <div class=\"smsc-stat-item\">\n\n        <div class=\"smsc-stat-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M8 4h8v5a4 4 0 0 1-8 0V4Z\"><\/path>\n            <path d=\"M8 6H4v2a4 4 0 0 0 4 4\"><\/path>\n            <path d=\"M16 6h4v2a4 4 0 0 1-4 4\"><\/path>\n            <path d=\"M12 13v4\"><\/path>\n            <path d=\"M8 21h8\"><\/path>\n            <path d=\"M9 17h6v4H9z\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <strong>\n          <span class=\"smsc-stat-plus\">+<\/span>\n          <span class=\"smsc-stat-number\" data-value=\"40\">40<\/span>\n        <\/strong>\n\n        <span class=\"smsc-stat-label\">\u0627\u0644\u0628\u0637\u0648\u0644\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a\u0629<\/span>\n\n      <\/div>\n\n      <!-- \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u064a\u0629 -->\n      <div class=\"smsc-stat-item\">\n\n        <div class=\"smsc-stat-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n            <path d=\"M3 12h18\"><\/path>\n            <path d=\"M12 3c2.5 2.5 3.6 5.5 3.6 9S14.5 18.5 12 21\"><\/path>\n            <path d=\"M12 3C9.5 5.5 8.4 8.5 8.4 12S9.5 18.5 12 21\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <strong>\n          <span class=\"smsc-stat-plus\">+<\/span>\n          <span class=\"smsc-stat-number\" data-value=\"14\">14<\/span>\n        <\/strong>\n\n        <span class=\"smsc-stat-label\">\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u064a\u0629<\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================\n   SMSC STATISTICS\n========================================= *\/\n\n#smsc-stats-dark {\n  --stats-green: #204E3D;\n  --stats-dark: #0D3327;\n  --stats-deep: #092B21;\n  --stats-accent: #40B179;\n\n  position: relative;\n  width: 100%;\n  min-height: 650px;\n\n  margin: 0 !important;\n  padding: 135px 24px;\n\n  background: var(--stats-dark);\n\n  font-family: Cairo, Tahoma, Arial, sans-serif;\n  direction: rtl;\n\n  overflow: hidden;\n  isolation: isolate;\n}\n\n#smsc-stats-dark,\n#smsc-stats-dark *,\n#smsc-stats-dark *::before,\n#smsc-stats-dark *::after {\n  box-sizing: border-box;\n}\n\n\/* =========================================\n   \u0627\u0644\u062a\u062f\u0631\u062c \u0627\u0644\u0639\u0644\u0648\u064a\n========================================= *\/\n\n#smsc-stats-dark::before {\n  content: \"\";\n  position: absolute;\n  z-index: 0;\n\n  top: 0;\n  right: 0;\n  left: 0;\n\n  height: 175px;\n  pointer-events: none;\n\n  background: linear-gradient(\n    180deg,\n    #F9F9F9 0%,\n    rgba(249,249,249,.98) 4%,\n    rgba(240,246,242,.94) 10%,\n    rgba(222,235,228,.85) 17%,\n    rgba(192,216,204,.72) 25%,\n    rgba(150,190,171,.58) 34%,\n    rgba(106,158,134,.44) 44%,\n    rgba(67,120,96,.30) 55%,\n    rgba(40,87,68,.18) 67%,\n    rgba(24,65,49,.08) 80%,\n    rgba(13,51,39,0) 100%\n  );\n}\n\n\/* =========================================\n   \u0627\u0644\u062a\u062f\u0631\u062c \u0627\u0644\u0633\u0641\u0644\u064a\n========================================= *\/\n\n#smsc-stats-dark::after {\n  content: \"\";\n  position: absolute;\n  z-index: 0;\n\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  height: 175px;\n  pointer-events: none;\n\n  background: linear-gradient(\n    180deg,\n    rgba(13,51,39,0) 0%,\n    rgba(24,65,49,.08) 20%,\n    rgba(40,87,68,.18) 33%,\n    rgba(67,120,96,.30) 45%,\n    rgba(106,158,134,.44) 56%,\n    rgba(150,190,171,.58) 66%,\n    rgba(192,216,204,.72) 75%,\n    rgba(222,235,228,.85) 83%,\n    rgba(240,246,242,.94) 90%,\n    rgba(249,249,249,.98) 96%,\n    #F9F9F9 100%\n  );\n}\n\n\/* =========================================\n   \u0627\u0644\u062d\u0627\u0648\u064a\u0629\n========================================= *\/\n\n#smsc-stats-dark .smsc-stats-wrap {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1280px;\n\n  margin: 0 auto;\n}\n\n\/* =========================================\n   \u0627\u0644\u0639\u0646\u0648\u0627\u0646\n========================================= *\/\n\n#smsc-stats-dark .smsc-stats-head {\n  display: flex;\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 62px;\n  text-align: center;\n}\n\n#smsc-stats-dark .smsc-stats-line {\n  display: block;\n\n  width: 58px;\n  height: 4px;\n\n  margin-bottom: 20px;\n  border-radius: 999px;\n\n  background: linear-gradient(\n    90deg,\n    rgba(64,177,121,.35),\n    #40B179\n  );\n}\n\n#smsc-stats-dark .smsc-stats-head h2 {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #FFFFFF !important;\n\n  font-size: 30px !important;\n  line-height: 1.4 !important;\n  font-weight: 800 !important;\n}\n\n\/* =========================================\n   \u0634\u0628\u0643\u0629 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a\n========================================= *\/\n\n#smsc-stats-dark .smsc-stats-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0,1fr));\n  width: 100%;\n}\n\n\/* =========================================\n   \u0627\u0644\u0639\u0646\u0635\u0631\n========================================= *\/\n\n#smsc-stats-dark .smsc-stat-item {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  min-height: 230px;\n  padding: 22px 35px;\n\n  text-align: center;\n}\n\n\/* \u0627\u0644\u0641\u0648\u0627\u0635\u0644 *\/\n\n#smsc-stats-dark .smsc-stat-item:not(:last-child)::after {\n  content: \"\";\n  position: absolute;\n\n  top: 20px;\n  bottom: 20px;\n  left: 0;\n\n  width: 1px;\n  background: rgba(255,255,255,.18);\n}\n\n\/* =========================================\n   \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a\n========================================= *\/\n\n#smsc-stats-dark .smsc-stat-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 52px;\n  height: 52px;\n\n  margin-bottom: 20px;\n  color: #FFFFFF;\n}\n\n#smsc-stats-dark .smsc-stat-icon svg {\n  display: block;\n\n  width: 40px;\n  height: 40px;\n\n  fill: none;\n  stroke: #FFFFFF;\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* =========================================\n   \u0627\u0644\u0623\u0631\u0642\u0627\u0645\n========================================= *\/\n\n#smsc-stats-dark .smsc-stat-item strong {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  direction: ltr;\n  margin-bottom: 22px;\n\n  color: #FFFFFF;\n  font-family: Arial, sans-serif;\n\n  font-size: clamp(54px, 5vw, 74px);\n  line-height: 1;\n  font-weight: 800;\n  letter-spacing: -2px;\n}\n\n#smsc-stats-dark .smsc-stat-plus {\n  display: inline-block;\n}\n\n#smsc-stats-dark .smsc-stat-number {\n  direction: ltr;\n  unicode-bidi: isolate;\n  font-variant-numeric: tabular-nums;\n}\n\n\/* =========================================\n   \u0627\u0644\u0648\u0635\u0641\n========================================= *\/\n\n#smsc-stats-dark .smsc-stat-label {\n  color: rgba(255,255,255,.96);\n\n  font-size: 18px;\n  line-height: 1.6;\n  font-weight: 800;\n}\n\n\/* =========================================\n   Elementor\n========================================= *\/\n\nbody .elementor-widget-html:has(#smsc-stats-dark),\nbody .elementor-widget-html:has(#smsc-stats-dark)\n> .elementor-widget-container {\n  margin: 0 !important;\n  padding: 0 !important;\n  background: #F9F9F9 !important;\n}\n\nbody .e-con:has(#smsc-stats-dark) {\n  --gap: 0px !important;\n  --row-gap: 0px !important;\n  --widgets-spacing: 0px !important;\n\n  row-gap: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\/* =========================================\n   \u0627\u0644\u062a\u0627\u0628\u0644\u062a\n========================================= *\/\n\n@media (max-width: 900px) {\n\n  #smsc-stats-dark {\n    min-height: 600px;\n    padding: 120px 20px;\n  }\n\n  #smsc-stats-dark::before,\n  #smsc-stats-dark::after {\n    height: 145px;\n  }\n\n  #smsc-stats-dark .smsc-stats-head {\n    margin-bottom: 45px;\n  }\n\n  #smsc-stats-dark .smsc-stat-item {\n    padding: 20px 16px;\n  }\n\n  #smsc-stats-dark .smsc-stat-label {\n    font-size: 16px;\n  }\n}\n\n\/* =========================================\n   \u0627\u0644\u062c\u0648\u0627\u0644\n========================================= *\/\n\n@media (max-width: 600px) {\n\n  #smsc-stats-dark {\n    min-height: 0;\n    padding: 105px 16px;\n  }\n\n  #smsc-stats-dark::before,\n  #smsc-stats-dark::after {\n    height: 110px;\n  }\n\n  #smsc-stats-dark .smsc-stats-head {\n    margin-bottom: 30px;\n  }\n\n  #smsc-stats-dark .smsc-stats-head h2 {\n    font-size: 30px !important;\n  }\n\n  #smsc-stats-dark .smsc-stats-grid {\n    grid-template-columns: 1fr;\n  }\n\n  #smsc-stats-dark .smsc-stat-item {\n    min-height: 190px;\n    padding: 25px 10px;\n  }\n\n  \/* \u0627\u0644\u0641\u0648\u0627\u0635\u0644 \u0627\u0644\u0623\u0641\u0642\u064a\u0629 *\/\n  #smsc-stats-dark .smsc-stat-item:not(:last-child)::after {\n    top: auto;\n    right: 20%;\n    bottom: 0;\n    left: 20%;\n\n    width: auto;\n    height: 1px;\n\n    background: rgba(255,255,255,.14);\n  }\n\n  #smsc-stats-dark .smsc-stat-icon {\n    margin-bottom: 14px;\n  }\n\n  #smsc-stats-dark .smsc-stat-item strong {\n    margin-bottom: 15px;\n    font-size: 52px;\n  }\n\n  #smsc-stats-dark .smsc-stat-label {\n    font-size: 16px;\n  }\n}\n\n\/* =========================================\n   \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  #smsc-stats-dark * {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  'use strict';\n\n  const section = document.getElementById('smsc-stats-dark');\n\n  if (!section || section.dataset.statsReady === '1') {\n    return;\n  }\n\n  section.dataset.statsReady = '1';\n\n  const numbers = Array.from(\n    section.querySelectorAll('.smsc-stat-number')\n  );\n\n  if (!numbers.length) return;\n\n  const counters = numbers.map(function (element) {\n    const value = Number(element.dataset.value);\n\n    return {\n      element: element,\n      target: Number.isFinite(value) ? Math.max(0, value) : 0\n    };\n  });\n\n  function showFinalValues() {\n    counters.forEach(function (counter) {\n      counter.element.textContent = String(counter.target);\n    });\n  }\n\n  const reduceMotion = window.matchMedia &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  \/* \u0627\u062d\u062a\u0631\u0627\u0645 \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629 *\/\n  if (\n    reduceMotion ||\n    !('IntersectionObserver' in window) ||\n    !('requestAnimationFrame' in window)\n  ) {\n    showFinalValues();\n    return;\n  }\n\n  \/* \u0625\u0628\u0642\u0627\u0621 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a \u0639\u0646\u062f \u0627\u0644\u0635\u0641\u0631 \u0645\u0628\u062f\u0626\u064a\u064b\u0627 *\/\n  counters.forEach(function (counter) {\n    counter.element.textContent = '0';\n  });\n\n  let hasPlayed = false;\n\n  \/* =========================================\n     \u0645\u062f\u0629 \u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631 \u0648\u0627\u0644\u062d\u0631\u0643\u0629\n  ========================================= *\/\n\n  const delay = 2000;     \/\/ \u0627\u0646\u062a\u0638\u0627\u0631 \u062b\u0627\u0646\u064a\u062a\u064a\u0646\n  const duration = 3000;  \/\/ \u062d\u0631\u0643\u0629 \u0627\u0644\u0639\u062f \u0644\u0645\u062f\u0629 3 \u062b\u0648\u0627\u0646\u064d\n\n  \/* =========================================\n     \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0639\u062f\u0627\u062f\u0627\u062a\n  ========================================= *\/\n\n  function startCounters() {\n    const startTime = performance.now();\n\n    function animate(now) {\n      const elapsed = now - startTime;\n\n      const progress = Math.min(\n        Math.max(elapsed \/ duration, 0),\n        1\n      );\n\n      const eased = 1 - Math.pow(1 - progress, 3);\n\n      counters.forEach(function (counter) {\n        const currentValue = Math.round(\n          counter.target * eased\n        );\n\n        counter.element.textContent = String(currentValue);\n      });\n\n      if (progress < 1) {\n        requestAnimationFrame(animate);\n      } else {\n        showFinalValues();\n      }\n    }\n\n    requestAnimationFrame(animate);\n  }\n\n  \/* =========================================\n     \u0645\u0631\u0627\u0642\u0628\u0629 \u0638\u0647\u0648\u0631 \u0627\u0644\u0642\u0633\u0645\n  ========================================= *\/\n\n  const observer = new IntersectionObserver(\n    function (entries) {\n      const entry = entries[0];\n\n      if (!entry || !entry.isIntersecting || hasPlayed) {\n        return;\n      }\n\n      hasPlayed = true;\n      section.dataset.statsAnimated = '1';\n\n      observer.disconnect();\n\n      \/*\n       * \u0628\u0639\u062f \u0638\u0647\u0648\u0631 \u0627\u0644\u0642\u0633\u0645:\n       * \u064a\u0638\u0644 \u0627\u0644\u0631\u0642\u0645 0 \u0644\u0645\u062f\u0629 \u062b\u0627\u0646\u064a\u062a\u064a\u0646\u060c\n       * \u062b\u0645 \u062a\u0628\u062f\u0623 \u062d\u0631\u0643\u0629 \u0627\u0644\u0639\u062f.\n       *\/\n      setTimeout(startCounters, delay);\n    },\n    {\n      threshold: 0.15\n    }\n  );\n\n  observer.observe(section);\n})();\n<\/script>\n\n\n\n\n<section id=\"smsc-media\" dir=\"rtl\" lang=\"ar\"\n         aria-labelledby=\"smsc-media-title\">\n\n    <div class=\"smsc-media-wrap\">\n\n        <!-- \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0642\u0633\u0645 -->\n        <div class=\"smsc-media-heading\">\n\n            <span class=\"smsc-media-line\"\n                  aria-hidden=\"true\"><\/span>\n\n            <h2 id=\"smsc-media-title\">\n                \u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\n            <\/h2>\n\n            <p>\n                \u0646\u062d\u064a\u0637\u0643\u0645 \u0628\u062a\u0641\u0627\u0635\u064a\u0644 \u0631\u062d\u0644\u062a\u0646\u0627 \u0627\u0644\u0645\u0644\u0647\u0645\u0629\n            <\/p>\n\n            <span class=\"smsc-media-small-line\"\n                  aria-hidden=\"true\"><\/span>\n\n            <a\n                href=\"https:\/\/masters.sa\/?page_id=914\"\n                class=\"smsc-media-all\"\n            >\n                \u0639\u0631\u0636 \u0627\u0644\u0643\u0644\n            <\/a>\n\n        <\/div>\n\n        <!-- \u0628\u0637\u0627\u0642\u062a\u0627 \u0627\u0644\u0623\u062e\u0628\u0627\u0631 -->\n        <div class=\"smsc-news\">\n\n            \n                \n                <article class=\"smsc-news-card\">\n\n                    <a\n                        href=\"https:\/\/masters.sa\/?p=1916\"\n                        aria-label=\"\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0623\u0648\u0644\u0645\u0628\u064a 2024\"\n                    >\n\n                        <div class=\"smsc-news-image\">\n\n                            \n                                <img\n                                    src=\"https:\/\/masters.sa\/wp-content\/uploads\/2024\/07\/WhatsApp-Image\u200f-2024-07-01-at-16.47.13.jpeg\"\n                                    alt=\"\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0623\u0648\u0644\u0645\u0628\u064a 2024\"\n                                    loading=\"lazy\"\n                                    decoding=\"async\"\n                                >\n\n                            \n                            <span\n                                class=\"smsc-news-overlay\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n\n                        <\/div>\n\n                        <div class=\"smsc-news-content\">\n\n                            <h3>\n                                \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0623\u0648\u0644\u0645\u0628\u064a 2024                            <\/h3>\n\n                            <div class=\"smsc-news-bottom\">\n\n                                <span class=\"smsc-news-arrow\">\n                                    \u2190\n                                <\/span>\n\n                                <span class=\"smsc-news-date\">\n                                    15 \u064a\u0648\u0644\u064a\u0648 2024                                <\/span>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/a>\n\n                <\/article>\n\n            \n                \n                <article class=\"smsc-news-card\">\n\n                    <a\n                        href=\"https:\/\/masters.sa\/?p=1902\"\n                        aria-label=\"\u0633\u0639\u0627\u062f\u0629 \u0648\u0643\u064a\u0644 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0623\u062d\u0633\u0627\u0621 \u064a\u0633\u062a\u0642\u0628\u0644 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629\"\n                    >\n\n                        <div class=\"smsc-news-image\">\n\n                            \n                                <img\n                                    src=\"https:\/\/masters.sa\/wp-content\/uploads\/2024\/05\/IMG_1622-1024x485.jpg\"\n                                    alt=\"\u0633\u0639\u0627\u062f\u0629 \u0648\u0643\u064a\u0644 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0623\u062d\u0633\u0627\u0621 \u064a\u0633\u062a\u0642\u0628\u0644 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629\"\n                                    loading=\"lazy\"\n                                    decoding=\"async\"\n                                >\n\n                            \n                            <span\n                                class=\"smsc-news-overlay\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n\n                        <\/div>\n\n                        <div class=\"smsc-news-content\">\n\n                            <h3>\n                                \u0633\u0639\u0627\u062f\u0629 \u0648\u0643\u064a\u0644 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0623\u062d\u0633\u0627\u0621 \u064a\u0633\u062a\u0642\u0628\u0644 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629                            <\/h3>\n\n                            <div class=\"smsc-news-bottom\">\n\n                                <span class=\"smsc-news-arrow\">\n                                    \u2190\n                                <\/span>\n\n                                <span class=\"smsc-news-date\">\n                                    29 \u0645\u0627\u064a\u0648 2024                                <\/span>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/a>\n\n                <\/article>\n\n            \n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n\/* =========================================\n   MEDIA CENTER\n========================================= *\/\n\n#smsc-media {\n    --green: #204E3D;\n    --accent: #40B179;\n\n    position: relative;\n    width: 100%;\n    margin: 0 !important;\n    padding: 70px 24px 80px;\n\n    background: #F9F9F9 !important;\n\n    font-family: Cairo, Tahoma, Arial, sans-serif;\n    direction: rtl;\n    overflow: hidden;\n}\n\n#smsc-media,\n#smsc-media *,\n#smsc-media *::before,\n#smsc-media *::after {\n    box-sizing: border-box;\n}\n\n\/* =========================================\n   \u0627\u0644\u062d\u0627\u0648\u064a\u0629\n========================================= *\/\n\n#smsc-media .smsc-media-wrap {\n    width: min(1420px, calc(100% - 20px));\n    margin: 0 auto;\n\n    display: flex;\n    align-items: center;\n\n    direction: ltr;\n    gap: 32px;\n}\n\n\/* =========================================\n   \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0642\u0633\u0645\n========================================= *\/\n\n#smsc-media .smsc-media-heading {\n    flex: 0 0 270px;\n    width: 270px;\n\n    margin: 0;\n    margin-left: auto;\n\n    direction: rtl;\n    text-align: center;\n}\n\n\/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u062e\u0636\u0631 \u0623\u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\n\n#smsc-media .smsc-media-line {\n    display: block;\n    width: 58px;\n    height: 4px;\n\n    margin: 0 auto 20px;\n    border-radius: 999px;\n\n    background: linear-gradient(\n        270deg,\n        #40B179,\n        rgba(64,177,121,.18)\n    );\n}\n\n\/* \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a *\/\n\n#smsc-media .smsc-media-heading h2 {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: #1B2E26 !important;\n    font-size: 30px !important;\n    line-height: 1.4 !important;\n    font-weight: 800 !important;\n}\n\n\/* \u0627\u0644\u0648\u0635\u0641 *\/\n\n#smsc-media .smsc-media-heading p {\n    margin: 10px 0 0 !important;\n    padding: 0 !important;\n\n    color: #31423A !important;\n    font-size: 15px !important;\n    line-height: 1.9 !important;\n    font-weight: 500 !important;\n}\n\n\/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0635\u063a\u064a\u0631 *\/\n\n#smsc-media .smsc-media-small-line {\n    display: block;\n    width: 64px;\n    height: 2px;\n\n    margin: 14px auto 32px;\n    border-radius: 999px;\n\n    background: #40B179;\n}\n\n\/* =========================================\n   \u0639\u0631\u0636 \u0627\u0644\u0643\u0644\n========================================= *\/\n\n#smsc-media .smsc-media-all {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 14px;\n\n    color: var(--green) !important;\n    text-decoration: none !important;\n\n    font-size: 16px;\n    font-weight: 800;\n}\n\n#smsc-media .smsc-media-all::before,\n#smsc-media .smsc-media-all::after {\n    content: \"\";\n    display: block;\n\n    width: 36px;\n    height: 1px;\n    background: #40B179;\n}\n\n\/* =========================================\n   \u0628\u0637\u0627\u0642\u062a\u0627 \u0627\u0644\u0623\u062e\u0628\u0627\u0631\n========================================= *\/\n\n#smsc-media .smsc-news {\n    margin-left: 0;\n\n    display: grid;\n    grid-template-columns: repeat(2, 300px);\n    gap: 18px;\n\n    direction: rtl;\n}\n\n\/* =========================================\n   \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\n   \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0628\u0637\u0627\u0642\u062a\u064a\u0646 \u0644\u0644\u064a\u0633\u0627\u0631 50px\n   \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0641\u0642\u0637\n========================================= *\/\n\n@media (min-width: 1001px) {\n    #smsc-media .smsc-news {\n        transform: translateX(-70px);\n    }\n}\n\n\/* =========================================\n   \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u062e\u0628\u0631\n========================================= *\/\n\n#smsc-media .smsc-news-card {\n    position: relative;\n\n    width: 300px;\n    height: 440px;\n\n    overflow: hidden;\n    border-radius: 34px;\n\n    background: #16382C;\n\n    box-shadow: 0 14px 28px rgba(18,39,31,.10);\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n}\n\n#smsc-media .smsc-news-card:hover {\n    transform: translateY(-4px);\n\n    box-shadow: 0 20px 38px rgba(18,39,31,.15);\n}\n\n#smsc-media .smsc-news-card > a {\n    position: relative;\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    color: #FFFFFF !important;\n    text-decoration: none !important;\n}\n\n\/* =========================================\n   \u0627\u0644\u0635\u0648\u0631\u0629\n========================================= *\/\n\n#smsc-media .smsc-news-image {\n    position: absolute;\n    inset: 0;\n\n    overflow: hidden;\n    background: #DCE8E1;\n}\n\n#smsc-media .smsc-news-image img {\n    position: absolute;\n    inset: 0;\n\n    display: block;\n\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n\n    object-fit: cover !important;\n    object-position: center center !important;\n\n    transition: transform .4s ease;\n}\n\n#smsc-media .smsc-news-card:hover .smsc-news-image img {\n    transform: scale(1.04);\n}\n\n#smsc-media .smsc-news-fallback {\n    width: 100%;\n    height: 100%;\n    background: #DCE8E1;\n}\n\n\/* =========================================\n   \u062a\u0638\u0644\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\n========================================= *\/\n\n#smsc-media .smsc-news-overlay {\n    position: absolute;\n    inset: 0;\n\n    background: linear-gradient(\n        180deg,\n        rgba(3,16,12,0) 30%,\n        rgba(3,16,12,.14) 55%,\n        rgba(3,16,12,.94) 100%\n    );\n\n    pointer-events: none;\n}\n\n\/* =========================================\n   \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062e\u0628\u0631\n========================================= *\/\n\n#smsc-media .smsc-news-content {\n    position: absolute;\n    z-index: 2;\n\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    padding: 23px 20px 18px;\n\n    direction: rtl;\n    text-align: right;\n}\n\n#smsc-media .smsc-news-content h3 {\n    margin: 0 0 14px !important;\n    padding: 0 !important;\n\n    color: #FFFFFF !important;\n\n    font-size: 15px !important;\n    line-height: 1.8 !important;\n    font-weight: 700 !important;\n\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n\n    overflow: hidden;\n}\n\n\/* =========================================\n   \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u0633\u0647\u0645\n========================================= *\/\n\n#smsc-media .smsc-news-bottom {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n}\n\n#smsc-media .smsc-news-arrow {\n    color: #40B179;\n    font-size: 23px;\n    line-height: 1;\n}\n\n#smsc-media .smsc-news-date {\n    color: rgba(255,255,255,.82);\n    font-size: 11px;\n    white-space: nowrap;\n}\n\n\/* =========================================\n   Elementor\n========================================= *\/\n\nbody .elementor-widget-shortcode:has(#smsc-media),\nbody .elementor-widget-shortcode:has(#smsc-media) > .elementor-widget-container,\nbody .elementor-widget-html:has(#smsc-media),\nbody .elementor-widget-html:has(#smsc-media) > .elementor-widget-container {\n    margin: 0 !important;\n    padding: 0 !important;\n\n    background: #F9F9F9 !important;\n    background-image: none !important;\n}\n\nbody .e-con:has(#smsc-media) {\n    --gap: 0px !important;\n    --row-gap: 0px !important;\n    --widgets-spacing: 0px !important;\n\n    row-gap: 0 !important;\n\n    background: #F9F9F9 !important;\n    background-image: none !important;\n}\n\n#smsc-media::before,\n#smsc-media::after {\n    content: none !important;\n    display: none !important;\n}\n\n\/* =========================================\n   \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629\n========================================= *\/\n\n@media (max-width: 1250px) {\n\n    #smsc-media .smsc-media-wrap {\n        gap: 22px;\n    }\n\n    #smsc-media .smsc-media-heading {\n        flex-basis: 235px;\n        width: 235px;\n        margin-left: auto;\n    }\n\n    #smsc-media .smsc-news {\n        grid-template-columns: repeat(2, 270px);\n        gap: 14px;\n    }\n\n    #smsc-media .smsc-news-card {\n        width: 270px;\n        height: 410px;\n        border-radius: 30px;\n    }\n}\n\n\/* =========================================\n   \u0627\u0644\u062a\u0627\u0628\u0644\u062a\n========================================= *\/\n\n@media (max-width: 1000px) {\n\n    #smsc-media {\n        padding: 60px 20px 65px;\n    }\n\n    #smsc-media .smsc-media-wrap {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 30px;\n    }\n\n    #smsc-media .smsc-media-heading {\n        flex: initial;\n        width: 100%;\n        margin-left: 0;\n    }\n\n    #smsc-media .smsc-news {\n        width: 100%;\n        margin: 0;\n\n        display: flex;\n        gap: 16px;\n\n        overflow-x: auto;\n        overflow-y: hidden;\n\n        scrollbar-width: none;\n        scroll-snap-type: x mandatory;\n        padding-bottom: 5px;\n\n        \/* \u0644\u0627 \u062a\u062a\u063a\u064a\u0631 \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u062a\u0627\u0628\u0644\u062a \u0648\u0627\u0644\u062c\u0648\u0627\u0644 *\/\n        transform: none;\n    }\n\n    #smsc-media .smsc-news::-webkit-scrollbar {\n        display: none;\n    }\n\n    #smsc-media .smsc-news-card {\n        flex: 0 0 300px;\n        width: 300px;\n        height: 420px;\n\n        scroll-snap-align: start;\n    }\n}\n\n\/* =========================================\n   \u0627\u0644\u062c\u0648\u0627\u0644\n========================================= *\/\n\n@media (max-width: 600px) {\n\n    #smsc-media {\n        padding: 50px 16px 55px;\n    }\n\n    #smsc-media .smsc-news {\n        gap: 14px;\n    }\n\n    #smsc-media .smsc-news-card {\n        flex: 0 0 min(300px, 82vw);\n        width: min(300px, 82vw);\n        height: 400px;\n\n        border-radius: 28px;\n    }\n\n    #smsc-media .smsc-news-content h3 {\n        font-size: 15px !important;\n    }\n}\n\n\/* =========================================\n   \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629\n========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n    #smsc-media * {\n        transition: none !important;\n    }\n}\n\n\/* =========================================\n   \u0625\u0628\u0642\u0627\u0621 \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\n========================================= *\/\n\n@media (min-width: 1001px) {\n    #smsc-media .smsc-media-heading {\n        transform: translateX(-300px);\n    }\n}\n<\/style>\n\n\n\n\n\n<section id=\"smsc-join-community\" dir=\"rtl\" lang=\"ar\" aria-labelledby=\"smsc-join-title\">\n\n  <div class=\"smsc-join-bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"smsc-join-wrap\">\n\n    <div class=\"smsc-join-content\">\n\n      <span class=\"smsc-join-line\" aria-hidden=\"true\"><\/span>\n\n      <h2 id=\"smsc-join-title\">\n        \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629\n      <\/h2>\n\n      <p>\n     \u0634\u0627\u0631\u0643\u0646\u0627 \u0627\u0647\u062a\u0645\u0627\u0645\u0627\u062a\u0643 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629 \u0644\u062a\u0635\u0644\u0643 \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0628\u0637\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0641\u0631\u0635 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636\u0627\u062a \u0627\u0644\u0644\u064a \u062a\u0647\u0645\u0643\n      <\/p>\n\n      <a href=\"#\" class=\"smsc-join-btn\">\n\n        <span>\u0633\u062c\u0644 \u0627\u0647\u062a\u0645\u0627\u0645\u0643<\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M19 12H5\"><\/path>\n          <path d=\"M11 6l-6 6 6 6\"><\/path>\n        <\/svg>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* =========================================\n   JOIN COMMUNITY\n   ========================================= *\/\n\n#smsc-join-community {\n  --green: #204E3D;\n  --dark: #16382C;\n  --deep: #08251C;\n  --accent: #40B179;\n\n  position: relative;\n  isolation: isolate;\n\n  width: 100%;\n  min-height: 500px;\n\n  margin: 0 !important;\n\n  padding:\n    85px\n    24px;\n\n  background:\n    #08251C;\n\n  font-family:\n    Cairo,\n    Tahoma,\n    Arial,\n    sans-serif;\n\n  direction: rtl;\n\n  overflow: hidden;\n}\n\n\n#smsc-join-community,\n#smsc-join-community *,\n#smsc-join-community *::before,\n#smsc-join-community *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================\n   \u0627\u0644\u062e\u0644\u0641\u064a\u0629\n   ========================================= *\/\n\n#smsc-join-community .smsc-join-bg {\n  position: absolute;\n\n  z-index: -3;\n\n  inset: 0;\n\n  width: 100%;\n  height: 100%;\n\n  background-image:\n    url('https:\/\/masters.sa\/wp-content\/uploads\/2026\/10\/7069ac97-92f6-4eec-bb24-e894ae608597.webp');\n\n  background-repeat:\n    no-repeat;\n\n  \/*\n   * \u062a\u0643\u0628\u064a\u0631 \u0627\u0644\u062e\u0644\u0641\u064a\u0629\n   * \u0628\u062f\u0644 cover\n   *\/\n  background-size:\n    115% auto;\n\n  \/*\n   * \u062a\u0648\u0633\u064a\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0642\u0633\u0645\n   *\/\n  background-position:\n    center center;\n\n  background-color:\n    #08251C;\n}\n\n\n\/* =========================================\n   \u0627\u0644\u062a\u0638\u0644\u064a\u0644 \u062c\u0647\u0629 \u0627\u0644\u0646\u0635\n   ========================================= *\/\n\n#smsc-join-community::before {\n  content: \"\";\n\n  position: absolute;\n\n  z-index: -2;\n\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n\n      rgba(5,28,20,.02) 0%,\n\n      rgba(5,28,20,.04) 32%,\n\n      rgba(5,28,20,.20) 50%,\n\n      rgba(5,28,20,.48) 66%,\n\n      rgba(5,28,20,.72) 82%,\n\n      rgba(5,28,20,.88) 100%\n    );\n}\n\n\n\/* =========================================\n   \u0627\u0644\u062d\u0627\u0648\u064a\u0629\n   ========================================= *\/\n\n#smsc-join-community .smsc-join-wrap {\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1280px;\n\n  min-height: 330px;\n\n  margin:\n    0\n    auto;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: flex-start;\n}\n\n\n\/* =========================================\n   \u0627\u0644\u0645\u062d\u062a\u0648\u0649\n   ========================================= *\/\n\n#smsc-join-community .smsc-join-content {\n  width:\n    min(\n      590px,\n      50%\n    );\n\n  margin-left: auto;\n\n  text-align: right;\n}\n\n\n\/* =========================================\n   \u0627\u0644\u062e\u0637 \u0627\u0644\u0623\u062e\u0636\u0631\n   ========================================= *\/\n\n#smsc-join-community .smsc-join-line {\n  display: block;\n\n  width: 58px;\n  height: 4px;\n\n  margin:\n    0\n    0\n    20px;\n\n  border-radius:\n    999px;\n\n  background:\n    linear-gradient(\n      270deg,\n      #40B179 0%,\n      rgba(64,177,121,.20) 100%\n    );\n}\n\n\n\/* =========================================\n   \u0627\u0644\u0639\u0646\u0648\u0627\u0646\n   ========================================= *\/\n\n#smsc-join-community .smsc-join-content h2 {\n  margin:\n    0\n    0\n    17px !important;\n\n  padding:\n    0 !important;\n\n  color:\n    #FFFFFF !important;\n\n  font-size:\n    30px !important;\n\n  line-height:\n    1.45 !important;\n\n  font-weight:\n    800 !important;\n}\n\n\n\/* =========================================\n   \u0627\u0644\u0648\u0635\u0641\n   ========================================= *\/\n\n#smsc-join-community .smsc-join-content p {\n  max-width:\n    570px;\n\n  margin:\n    0\n    0\n    30px !important;\n\n  padding:\n    0 !important;\n\n  color:\n    rgba(255,255,255,.82) !important;\n\n  font-size:\n    16px !important;\n\n  line-height:\n    2 !important;\n\n  font-weight:\n    500 !important;\n}\n\n\n\/* =========================================\n   \u0627\u0644\u0632\u0631\n   ========================================= *\/\n\n#smsc-join-community .smsc-join-btn {\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  gap:\n    38px;\n\n  min-width:\n    215px;\n\n  min-height:\n    58px;\n\n  padding:\n    0\n    22px;\n\n  border:\n    0;\n\n  border-radius:\n    10px;\n\n  background:\n    #FFFFFF;\n\n  color:\n    #16382C !important;\n\n  text-decoration:\n    none !important;\n\n  font-size:\n    15px;\n\n  font-weight:\n    800;\n\n  transition:\n    transform .2s ease,\n    background .2s ease;\n}\n\n\n#smsc-join-community .smsc-join-btn svg {\n  width:\n    20px;\n\n  height:\n    20px;\n\n  fill:\n    none;\n\n  stroke:\n    #40B179;\n\n  stroke-width:\n    1.9;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n  transition:\n    transform .2s ease;\n}\n\n\n#smsc-join-community .smsc-join-btn:hover {\n  transform:\n    translateY(-2px);\n\n  background:\n    #F5F8F6;\n}\n\n\n#smsc-join-community .smsc-join-btn:hover svg {\n  transform:\n    translateX(-4px);\n}\n\n\n\/* =========================================\n   Elementor\n   ========================================= *\/\n\nbody\n.elementor-widget-html:has(\n  #smsc-join-community\n),\n\nbody\n.elementor-widget-html:has(\n  #smsc-join-community\n)\n> .elementor-widget-container {\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  background:\n    #08251C !important;\n}\n\n\nbody\n.e-con:has(\n  #smsc-join-community\n) {\n  --gap:\n    0px !important;\n\n  --row-gap:\n    0px !important;\n\n  --widgets-spacing:\n    0px !important;\n\n  row-gap:\n    0 !important;\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n}\n\n\n\/* =========================================\n   \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629\n   ========================================= *\/\n\n@media (min-width: 1500px) {\n\n  #smsc-join-community {\n    min-height:\n      520px;\n  }\n\n\n  #smsc-join-community .smsc-join-bg {\n    \/*\n     * \u0623\u0643\u0628\u0631 \u0642\u0644\u064a\u0644\u064b\u0627 \u0644\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629\n     *\/\n    background-size:\n      120% auto;\n\n    background-position:\n      center center;\n  }\n\n}\n\n\n\/* =========================================\n   \u0627\u0644\u062a\u0627\u0628\u0644\u062a\n   ========================================= *\/\n\n@media (max-width: 1000px) {\n\n  #smsc-join-community {\n    min-height:\n      460px;\n\n    padding:\n      70px\n      20px;\n  }\n\n\n  #smsc-join-community .smsc-join-bg {\n    background-size:\n      125% auto;\n\n    background-position:\n      center center;\n  }\n\n\n  #smsc-join-community .smsc-join-content {\n    width:\n      54%;\n  }\n\n}\n\n\n\/* =========================================\n   \u0627\u0644\u062c\u0648\u0627\u0644\n   ========================================= *\/\n\n@media (max-width: 767px) {\n\n  #smsc-join-community {\n    min-height:\n      610px;\n\n    padding:\n      55px\n      18px\n      270px;\n  }\n\n\n  #smsc-join-community .smsc-join-bg {\n    \/*\n     * \u0641\u064a \u0627\u0644\u062c\u0648\u0627\u0644 \u0646\u0643\u0628\u0631\u0647\u0627 \u0628\u0627\u0644\u0637\u0648\u0644\n     *\/\n    background-size:\n      auto\n      105%;\n\n    background-position:\n      center\n      bottom;\n  }\n\n\n  #smsc-join-community::before {\n    background:\n      linear-gradient(\n        180deg,\n\n        rgba(5,28,20,.96) 0%,\n\n        rgba(5,28,20,.90) 45%,\n\n        rgba(5,28,20,.48) 70%,\n\n        rgba(5,28,20,.08) 100%\n      );\n  }\n\n\n  #smsc-join-community .smsc-join-wrap {\n    min-height:\n      0;\n\n    display:\n      block;\n  }\n\n\n  #smsc-join-community .smsc-join-content {\n    width:\n      100%;\n\n    margin:\n      0;\n  }\n\n\n  #smsc-join-community .smsc-join-content h2 {\n    font-size:\n      30px !important;\n  }\n\n\n  #smsc-join-community .smsc-join-content p {\n    font-size:\n      14px !important;\n\n    line-height:\n      1.9 !important;\n  }\n\n\n  #smsc-join-community .smsc-join-btn {\n    width:\n      100%;\n  }\n\n}\n\n\n\/* =========================================\n   \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 \u0627\u0644\u0635\u063a\u064a\u0631\u0629\n   ========================================= *\/\n\n@media (max-width: 480px) {\n\n  #smsc-join-community {\n    min-height:\n      580px;\n\n    padding:\n      48px\n      16px\n      245px;\n  }\n\n\n  #smsc-join-community .smsc-join-bg {\n    background-size:\n      auto\n      100%;\n\n    background-position:\n      center\n      bottom;\n  }\n\n\n  #smsc-join-community .smsc-join-content h2 {\n    font-size:\n      27px !important;\n  }\n\n}\n\n\n\/* =========================================\n   \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629\n   ========================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  #smsc-join-community .smsc-join-btn,\n  #smsc-join-community .smsc-join-btn svg {\n    transition:\n      none !important;\n  }\n\n}\n<\/style>\n\n\n\n<style>\n\/* ====================================\n   \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d\n==================================== *\/\n\n.masters-partners {\n    --mp-bg: #f7faf8;\n    --mp-green: #204e3d;\n    --mp-accent: #40b179;\n\n    width: 100%;\n    padding: 65px 0 75px;\n    margin: 0;\n    overflow: hidden;\n\n    background: var(--mp-bg);\n    font-family: \"Cairo\", Tahoma, Arial, sans-serif;\n}\n\n.masters-partners,\n.masters-partners * {\n    box-sizing: border-box;\n}\n\n\n\/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\n\n.masters-partners__head {\n    width: min(1200px, calc(100% - 40px));\n    margin: 0 auto 35px;\n    text-align: center;\n    direction: rtl;\n}\n\n\/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0645\u062a\u062f\u0631\u062c \u0641\u0648\u0642 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\n\n.masters-partners__head::before {\n    content: \"\";\n    display: block;\n    width: 58px;\n    height: 4px;\n    margin: 0 auto 14px;\n\n    background: linear-gradient(\n        90deg,\n        #d5eee3 0%,\n        #40b179 100%\n    );\n\n    border-radius: 50px;\n}\n\n.masters-partners__title {\n    margin: 0;\n    color: var(--mp-green);\n    font-size: 30px;\n    line-height: 1.5;\n    font-weight: 800;\n}\n\n\n\/* \u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 *\/\n\n.masters-partners__slider {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    direction: ltr;\n}\n\n.masters-partners__slider::before,\n.masters-partners__slider::after {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    z-index: 2;\n    width: 70px;\n    pointer-events: none;\n}\n\n.masters-partners__slider::before {\n    left: 0;\n    background: linear-gradient(\n        to right,\n        var(--mp-bg),\n        transparent\n    );\n}\n\n.masters-partners__slider::after {\n    right: 0;\n    background: linear-gradient(\n        to left,\n        var(--mp-bg),\n        transparent\n    );\n}\n\n\n\/* \u0627\u0644\u0645\u0633\u0627\u0631 *\/\n\n.masters-partners__track {\n    display: flex;\n    width: max-content;\n    max-width: none;\n    flex-wrap: nowrap;\n    direction: ltr;\n}\n\n.masters-partners__track.is-ready {\n    animation: mp-infinite 55s linear infinite;\n    will-change: transform;\n}\n\n\n\/* \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 *\/\n\n.masters-partners__group {\n    display: flex;\n    align-items: center;\n    flex: 0 0 auto;\n    flex-wrap: nowrap;\n    gap: 16px;\n    padding-right: 16px;\n    direction: ltr;\n}\n\n\n\/* \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a *\/\n\n.masters-partners__item {\n    width: 185px;\n    height: 115px;\n    padding: 12px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    flex: 0 0 auto;\n    overflow: hidden;\n\n    background: #fff;\n\n    border: 1px solid rgba(32, 78, 61, .10);\n    border-radius: 16px;\n\n    transition:\n        transform .25s ease,\n        border-color .25s ease;\n}\n\n.masters-partners__item:hover {\n    transform: translateY(-3px);\n    border-color: var(--mp-accent);\n}\n\n\n\/* \u0627\u0644\u0634\u0639\u0627\u0631\u0627\u062a *\/\n\n.masters-partners__logo {\n    display: block;\n\n    width: 150px;\n    height: 88px;\n\n    max-width: 150px;\n    max-height: 88px;\n\n    object-fit: contain;\n    object-position: center;\n\n    margin: auto;\n}\n\n\n\/* \u0627\u0644\u062d\u0631\u0643\u0629 *\/\n\n@keyframes mp-infinite {\n    from {\n        transform: translate3d(0, 0, 0);\n    }\n\n    to {\n        transform: translate3d(-50%, 0, 0);\n    }\n}\n\n.masters-partners__slider:hover\n.masters-partners__track {\n    animation-play-state: paused;\n}\n\n\n\/* Tablet *\/\n\n@media (max-width: 900px) {\n\n    .masters-partners {\n        padding: 55px 0 60px;\n    }\n\n    .masters-partners__item {\n        width: 160px;\n        height: 105px;\n        padding: 10px;\n    }\n\n    .masters-partners__logo {\n        width: 132px;\n        height: 78px;\n\n        max-width: 132px;\n        max-height: 78px;\n    }\n\n    .masters-partners__slider::before,\n    .masters-partners__slider::after {\n        width: 40px;\n    }\n\n}\n\n\n\/* Mobile *\/\n\n@media (max-width: 600px) {\n\n    .masters-partners {\n        padding: 45px 0 50px;\n    }\n\n    .masters-partners__head {\n        margin-bottom: 25px;\n    }\n\n    .masters-partners__head::before {\n        height: 4px;\n        margin-bottom: 12px;\n    }\n\n    .masters-partners__title {\n        font-size: 30px;\n    }\n\n    .masters-partners__group {\n        gap: 12px;\n        padding-right: 12px;\n    }\n\n    .masters-partners__item {\n        width: 135px;\n        height: 90px;\n        padding: 8px;\n        border-radius: 12px;\n    }\n\n    .masters-partners__logo {\n        width: 115px;\n        height: 68px;\n\n        max-width: 115px;\n        max-height: 68px;\n    }\n\n    .masters-partners__slider::before,\n    .masters-partners__slider::after {\n        width: 20px;\n    }\n\n}\n\n\n\/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0643\u0629 *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .masters-partners__slider {\n        overflow-x: auto;\n    }\n\n    .masters-partners__track.is-ready {\n        animation: none;\n        will-change: auto;\n    }\n\n    .masters-partners__group[aria-hidden=\"true\"] {\n        display: none;\n    }\n\n}\n<\/style>\n\n\n<section class=\"masters-partners\" dir=\"rtl\">\n\n    <div class=\"masters-partners__head\">\n        <h2 class=\"masters-partners__title\">\n            \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d\n        <\/h2>\n    <\/div>\n\n\n    <div class=\"masters-partners__slider\"\n         aria-label=\"\u0634\u0639\u0627\u0631\u0627\u062a \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d\">\n\n        <div class=\"masters-partners__track\">\n\n            <div class=\"masters-partners__group\">\n\n\n                <!-- 01 -->\n                <div class=\"masters-partners__item\">\n                    <img decoding=\"async\"\n                        class=\"masters-partners__logo\"\n                        src=\"https:\/\/masters.sa\/wp-content\/uploads\/2026\/11\/0f2g1img39-150x150_uniform-1.webp\"\n                        alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d 1\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n\n                <!-- 02 -->\n                <div class=\"masters-partners__item\">\n                    <img decoding=\"async\"\n                        class=\"masters-partners__logo\"\n                        src=\"https:\/\/masters.sa\/wp-content\/uploads\/2026\/11\/0Logo-15-2-300x61_uniform.webp\"\n                        alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d 2\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n\n                <!-- 03 -->\n                <div class=\"masters-partners__item\">\n                    <img decoding=\"async\"\n                        class=\"masters-partners__logo\"\n                        src=\"https:\/\/masters.sa\/wp-content\/uploads\/2024\/01\/5w40img39.png\"\n                        alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d 3\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n\n                <!-- 04 -->\n                <div class=\"masters-partners__item\">\n                    <img decoding=\"async\"\n                        class=\"masters-partners__logo\"\n                        src=\"https:\/\/masters.sa\/wp-content\/uploads\/2024\/01\/2s14simg39.png\"\n                        alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d 4\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n\n                <!-- 05 -->\n                <div class=\"masters-partners__item\">\n                    <img decoding=\"async\"\n                        class=\"masters-partners__logo\"\n                        src=\"https:\/\/masters.sa\/wp-content\/uploads\/2024\/01\/00d14gimg39.png\"\n                        alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d 5\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n\n                <!-- 06 -->\n                <div class=\"masters-partners__item\">\n                    <img decoding=\"async\"\n                        class=\"masters-partners__logo\"\n                        src=\"https:\/\/masters.sa\/wp-content\/uploads\/2024\/01\/1158kjmimg39.png\"\n                        alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d 6\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n\n                <!-- 07 -->\n                <div class=\"masters-partners__item\">\n                    <img decoding=\"async\"\n                        class=\"masters-partners__logo\"\n                        src=\"https:\/\/masters.sa\/wp-content\/uploads\/2024\/01\/020s54dimg39.png\"\n                        alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d 7\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n\n                <!-- 08 -->\n                <div class=\"masters-partners__item\">\n                    <img decoding=\"async\"\n                        class=\"masters-partners__logo\"\n                        src=\"https:\/\/masters.sa\/wp-content\/uploads\/2024\/01\/ACA_Logolif_final_cmyk-1.jpg\"\n                        alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d 8\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n\n                <!-- 09 -->\n                <div class=\"masters-partners__item\">\n                    <img decoding=\"async\"\n                        class=\"masters-partners__logo\"\n                        src=\"https:\/\/masters.sa\/wp-content\/uploads\/2024\/01\/0025SMPF.jpg\"\n                        alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d 9\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n\n                <!-- 10 -->\n                <div class=\"masters-partners__item\">\n                    <img decoding=\"async\"\n                        class=\"masters-partners__logo\"\n                        src=\"https:\/\/masters.sa\/wp-content\/uploads\/2024\/01\/WhatsApp-Image-2024-01-25-at-6.57.48-PM.jpeg\"\n                        alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d 10\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n\n                <!-- 11 -->\n                <div class=\"masters-partners__item\">\n                    <img decoding=\"async\"\n                        class=\"masters-partners__logo\"\n                        src=\"https:\/\/masters.sa\/wp-content\/uploads\/2024\/01\/WhatsApp-Image-2024-01-25-at-1.48.35-PM.jpeg\"\n                        alt=\"\u0634\u0631\u064a\u0643 \u0646\u062c\u0627\u062d 11\"\n                        loading=\"lazy\"\n                    >\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<script>\n(function () {\n\n    document\n        .querySelectorAll(\".masters-partners\")\n        .forEach(function(section) {\n\n            const track =\n                section.querySelector(\n                    \".masters-partners__track\"\n                );\n\n            if (\n                !track ||\n                track.classList.contains(\"is-ready\")\n            ) {\n                return;\n            }\n\n            const group =\n                track.querySelector(\n                    \".masters-partners__group\"\n                );\n\n            if (!group) {\n                return;\n            }\n\n            const clone =\n                group.cloneNode(true);\n\n            clone.setAttribute(\n                \"aria-hidden\",\n                \"true\"\n            );\n\n            clone\n                .querySelectorAll(\"img\")\n                .forEach(function(img) {\n                    img.alt = \"\";\n                    img.loading = \"lazy\";\n                });\n\n            track.appendChild(clone);\n\n            track.classList.add(\n                \"is-ready\"\n            );\n\n        });\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0635\u0627\u0631\u0639\u0629 \u0631\u064a\u0627\u0636\u0629 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0642\u0648\u0629 \u0648\u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0629\u060c \u0648\u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0627\u0641\u0633 \u0648\u0641\u0642 \u0642\u0648\u0627\u0639\u062f \u0641\u0646\u064a\u0629 \u0645\u062d\u062f\u062f\u0629. 01 \/ 10 \u0639\u0646 \u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629 \u062c\u0647\u0629 \u0631\u064a\u0627\u0636\u064a\u0629 \u0648\u0637\u0646\u064a\u0629 \u062a\u064f\u0639\u0646\u0649 \u0628\u062a\u0639\u0632\u064a\u0632 \u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u0629 \u0644\u0641\u0626\u0629 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629 \u0648\u062a\u0645\u0643\u064a\u0646\u0647\u0645 \u0645\u0646 \u0645\u0648\u0627\u0635\u0644\u0629 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u0644\u0628\u062f\u0646\u064a \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0628\u0637\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u0648\u064a\u064a\u0646 \u0627\u0644\u0645\u062d\u0644\u064a \u0648\u0627\u0644\u062f\u0648\u0644\u064a. \u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0627\u0644\u0628\u0637\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0646\u0648\u0627\u0643\u0628 \u0634\u063a\u0641\u0643\u0645 \u0628\u0641\u0639\u0627\u0644\u064a\u0627\u062a&hellip; <a class=\"more-link\" href=\"https:\/\/masters.sa\/?p=1902\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0642\u0631\u0627\u0621\u0629 <span class=\"screen-reader-text\">\u0633\u0639\u0627\u062f\u0629 \u0648\u0643\u064a\u0644 \u0645\u062d\u0627\u0641\u0638\u0629 \u0627\u0644\u0623\u062d\u0633\u0627\u0621 \u064a\u0633\u062a\u0642\u0628\u0644 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0644\u062c\u0646\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0644\u0631\u064a\u0627\u0636\u0629 \u0627\u0644\u0623\u0633\u0627\u062a\u0630\u0629<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-1937","page","type-page","status-publish","hentry","entry"],"acf":[],"_links":{"self":[{"href":"https:\/\/masters.sa\/index.php?rest_route=\/wp\/v2\/pages\/1937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/masters.sa\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/masters.sa\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/masters.sa\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/masters.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1937"}],"version-history":[{"count":204,"href":"https:\/\/masters.sa\/index.php?rest_route=\/wp\/v2\/pages\/1937\/revisions"}],"predecessor-version":[{"id":2450,"href":"https:\/\/masters.sa\/index.php?rest_route=\/wp\/v2\/pages\/1937\/revisions\/2450"}],"wp:attachment":[{"href":"https:\/\/masters.sa\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}