[v-cloak] { display: none !important; }
     
  .digital-stamp__panel {
    border-top: 0.0625rem solid #e5e7eb;
    background: #f9fafb;
  }
  .digital-stamp__inner,
  .digital-stamp__panel-inner {
    width: min(100% - 2rem, 84rem);
  }
  .digital-stamp__point { flex: 1 1 18rem; align-items: flex-start; }
  .digital-stamp__point strong { margin-bottom: 0.25rem; }

  .digital-stamp__registration {
    border-top: 0.0625rem solid #e5e7eb;
    padding-block: 1rem;
  }
  .digital-stamp__dga-logo { display: block; height: 2.5rem; width: auto; }
  /* Plain inline span (not <p>) so SharePoint paragraph styles can't hide or blank it */
  .digital-stamp__reg-label {
    display: inline-block !important;
    margin: 0;
    color: #384250;
    font-size: 0.875rem;
    visibility: visible;
  }
  .digital-stamp__reg-link { color: #067647; text-decoration: underline; }
  .digital-stamp__reg-link:hover,
  .digital-stamp__reg-link:focus-visible { color: #054f31; }

  /* ---------- Display settings button + menu (same look as the header's menu) ---------- */
  .digital-stamp__tool--native {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 0.0625rem solid transparent;
    border-radius: 0.5rem;
    background: transparent;
    color: #384250;
    cursor: pointer;
  }
  .digital-stamp__tool--native:hover,
  .digital-stamp__tool--native:focus-visible,
  .digital-stamp__tool--native.is-active { color: #067647; border-color: #067647; background: #fff; }
  .digital-stamp__tool--native:focus-visible { outline: 0.125rem solid #067647; outline-offset: 0.125rem; }

  .ds-vision {
    position: fixed; /* top/left set by script, right under the button */
    z-index: 10000;
    min-width: 12rem;
    margin: 0;
    padding: 16px;
    border: 0;
    border-radius: 10px;
    background: #fff;
    color: #1f2a37;
    font-family: inherit;
    text-align: start;
    box-shadow: 0 0 11px 0 rgb(16 24 40 / 15%);
  }
  /* float + full width keeps the legend inside the card instead of on the top border */
  .ds-vision__title { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-weight: 600; }
  .ds-vision__title + * { clear: both; }
  .ds-vision__option { display: flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0; cursor: pointer; }
  .ds-vision__option input { accent-color: #067647; margin: 0; }

  /* ---------- Display modes (applied on <html>; same classes as the header) ---------- */
  html.vision-dark { filter: invert(1) hue-rotate(180deg); background: #111; }
  html.vision-dark img,
  html.vision-dark video,
  html.vision-dark iframe { filter: invert(1) hue-rotate(180deg); }
  html.vision-gray { filter: grayscale(1); }
  html.vision-bright { filter: brightness(1.1) contrast(1.2); }






  [v-cloak] { display: none; }

  /* ---------- Header shell ---------- */
  .nav-header {
    z-index: 20;
    min-height: 4.5rem;
    border-bottom: 0.0625rem solid #d2d6db;
    background: #fff;
  }
  /* Centered design-system container instead of full 100% width */
  .nav-header__inner {
    width: min(100% - 2rem, 84rem);
    margin-inline: auto;
    min-height: 4.4375rem;
    gap: 1.5rem;
  }
  .nav-header__brand { flex: 0 0 auto; gap: 0.75rem; }
  .nav-header__logo-link { flex: 0 0 auto; }
  .nav-header__logo-link:focus-visible { outline: 0.125rem solid #067647; outline-offset: 0.25rem; border-radius: 0.25rem; }
  /* Ministry logo 100px high */
  .nav-header__logo { display: block; height: 100px; width: auto; object-fit: contain; }


  /* ---------- Navigation ---------- */
  .nav-header__navigation { align-self: stretch; display: flex; min-width: 0; flex: 1 1 auto; }
  /* Equal spacing: every item gets the same side padding and the same gap between items */
  .nav-header__menu {
    min-width: 0;
    display: flex;
    list-style: none;
    align-items: center;
    gap: var(--nav-item-gap, 0.25rem);
  }
  .nav-header__menu-item { display: flex; }
  .nav-header__menu-link {
    padding-block: 0 !important;
    padding-inline: var(--nav-item-padding, 0.75rem) !important;
    min-height: 4.4375rem;
    align-items: center;
    line-height: 1.5 !important;
    font-size: var(--nav-item-font, 1rem) !important;
    border: 0;
    border-bottom: 0.1875rem solid transparent;
    background: transparent;
    justify-content: center;
    white-space: nowrap;
  }
  .nav-header__menu-link:hover,
  .nav-header__menu-link:focus-visible,
  .nav-header__menu-link[aria-expanded="true"] {
    color: #067647 !important;
    border-bottom-color: #067647;
  }
  .nav-header__dropdown {
    inset-block-start: calc(100% - 0.0625rem);
    inset-inline-start: 0;
    width: 14.375rem;
    border: 0.0625rem solid #e5e7eb;
    border-radius: 0 0 0.625rem 0.625rem;
    background: #fff;
    z-index: 30;
  }
  /* "twoColumns" menus render as a 3-column grid */
  .nav-header__dropdown--two-cols {
    width: 36rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25rem 0.5rem;
  }
  /* Selected item: same look as the side menu's selected item
     (.right-side-menu ul a.selected = light background + 5px green bar on the start side) */
  /* Selected section: a green tile in the same colour as the "منصة ناجز" button,
     white text, no underline */
  .nav-header .nav-header__menu-link.is-current,
  .nav-header .nav-header__menu-link.is-current:hover,
  .nav-header .nav-header__menu-link.is-current:focus-visible,
  .nav-header .nav-header__menu-link.is-current[aria-expanded="true"] {
    position: relative;
    align-self: center;
    min-height: 3rem;
    margin-block: 0.375rem;
    border-bottom: 0 !important;
    border-radius: 0.5rem;
    background-color: var(--layout-primary-sa-flag-600-color, #1b8354) !important;
    color: var(--layout-base-white-color, #fff) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }
  /* The design system sets a dark colour on every element (* { color: … }),
     so the text span and the arrow icon inside the tile need white too */
  .nav-header .nav-header__menu-link.is-current *,
  .nav-header .nav-header__menu-link.is-current *::before,
  .nav-header .nav-header__menu-link.is-current *::after {
    color: var(--layout-base-white-color, #fff) !important;
  }
  .nav-header .nav-header__menu-link.is-current:focus-visible {
    outline: 0.125rem solid var(--layout-primary-sa-flag-600-color, #1b8354);
    outline-offset: 0.125rem;
  }
  .nav-header__dropdown a { padding: 0.625rem 0.75rem; border-radius: 0.375rem; }

  .nav-header__dropdown a:hover,
  .nav-header__dropdown a:focus-visible { color: #067647 !important; background: #ecfdf3; }

  /* ---------- Actions ---------- */
  .nav-header__actions { flex: 0 0 auto; }
  .nav-header__najiz { min-width: 7.375rem; }

  /* Language switch (globe icon + En/Ar) — always visible */
  .nav-header__lang {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    min-width: 2.625rem;
    height: 2.625rem;
    padding-inline: 0.625rem;
    border: 0.0625rem solid #d2d6db;
    border-radius: 0.375rem;
    background: #fff;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
  }
  .nav-header__lang:hover,
  .nav-header__lang:focus-visible { color: #067647 !important; border-color: #067647; }

  .nav-header__icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.625rem;
    height: 2.625rem;
    border: 0.0625rem solid #d2d6db;
    background: #fff;
    color: #1f2a37;
  }
  .nav-header__icon-btn:hover,
  .nav-header__icon-btn:focus-visible,
  .nav-header__icon-btn[aria-expanded="true"] { color: #067647; border-color: #067647; }

  /* ---------- Search panel ---------- */
  .nav-search {
    position: absolute;
    inset-inline: 0;
    inset-block-start: 100%;
    z-index: 25;
    padding: 1rem;
    border-bottom: 0.0625rem solid #d2d6db;
    background: #fff;
    box-shadow: 0 0.75rem 1.375rem rgb(16 24 40 / 12%);
  }
  .nav-search__form { width: min(100%, 48rem); margin-inline: auto; }
  .nav-search__input { flex: 1 1 auto; min-width: 0; height: 3rem; padding-inline: 1rem; }
  .nav-search__submit { flex: 0 0 auto; gap: 0.5rem; color: #fff; }
  .nav-search__submit:disabled { opacity: 0.6; cursor: not-allowed; }

  /* ---------- Mobile toggle ---------- */
  .nav-header__mobile-toggle {
    display: none;
    width: 2.625rem;
    height: 2.625rem;
    padding: 0.5625rem;
    border: 0.0625rem solid #d2d6db;
    background: #fff;
  }
  .nav-header__mobile-toggle span {
    display: block;
    height: 0.125rem;
    margin: 0.25rem 0;
    border-radius: 0.125rem;
    background: #1f2a37;
  }

  /* ---------- Responsive ---------- */
  /* Up to 1440px the logos + 6 items + actions are tight: shrink a little so nothing overlaps */
  @media (max-width: 90rem) {
    .nav-header__inner { gap: 1rem; }
    .nav-header__menu { --nav-item-gap: 0.125rem; }
    .nav-header__menu-link { --nav-item-padding: 0.625rem; --nav-item-font: 0.9375rem; }
  }
  @media (max-width: 73.75rem) {
    .nav-header__inner { gap: 0.75rem; }
    /* Smaller screens: tighter, but still equal */
    .nav-header__menu { --nav-item-gap: 0; }
    .nav-header__menu-link { --nav-item-padding: 0.5rem; --nav-item-font: 0.8125rem; }
    .nav-header__lang-label { display: none; }
  }
  @media (max-width: 58.75rem) {
    .nav-header__inner { justify-content: space-between; }
    .nav-header__mobile-toggle { display: block; order: 3; }
    .nav-header__brand { order: 1; }
    .nav-header__actions { order: 2; margin-inline-start: auto; }
    .nav-header__navigation {
      display: none;
      position: absolute;
      inset-inline: 0;
      inset-block-start: 100%; /* right under the header, whatever the logo height */
      padding: 0.75rem 1rem 1.25rem;
      border-bottom: 0.0625rem solid #d2d6db;
      box-shadow: 0 0.75rem 1.375rem rgb(16 24 40 / 12%);
      background: #fff;
      max-height: calc(100vh - 7rem);
      overflow-y: auto;
    }
    .nav-header--menu-open .nav-header__navigation { display: block; }
    .nav-header__menu,
    .nav-header__menu-item { display: block; }
    .nav-header__menu-link { width: 100%; min-height: 2.75rem; justify-content: space-between; --nav-item-padding: 1rem; }
    /* Mobile: full-width green row */
    .nav-header .nav-header__menu-link.is-current,
    .nav-header .nav-header__menu-link.is-current:hover,
    .nav-header .nav-header__menu-link.is-current[aria-expanded="true"] {
      min-height: 2.75rem;
      margin-block: 0.25rem;
    }

    .nav-header__dropdown {
      position: static;
      width: auto;
      border: 0;
      border-radius: 0.5rem;
      box-shadow: none;
      background: #f9fafb;
    }
    .nav-header__dropdown--two-cols { display: block; width: auto; }
  }
  @media (max-width: 32.5rem) {
    .nav-header__inner { width: min(100% - 1.5rem, 84rem); }
    .nav-header__brand { gap: 0.5rem; }
    .nav-header__logo { height: 64px; }
    .nav-header__najiz { display: none; }
    .nav-header__actions { margin-inline-start: 0; }
    .nav-search__submit span { display: none; }
  }




  .site-footer { min-height: 31rem; }
  .site-footer__inner { width: min(100% - 2rem, 84rem); }
  .site-footer__columns {
    display: grid;
    grid-template-columns: 1.12fr 1.25fr 1.05fr 1.08fr .9fr;
    gap: 1.875rem;
  }
  .site-footer__column { min-width: 0; }
  .site-footer__title {
    font-size: calc(1rem * var(--page-text-scale, 1)) !important;
    line-height: 1.5rem !important;
  }
  .site-footer__links { list-style: none; gap: 0.625rem; }
  .site-footer__links a,
  .site-footer__legal-links a {
    color: #384250;
    font-size: calc(0.875rem * var(--page-text-scale, 1));
    line-height: 1.25rem;
    text-decoration: none!important;
  }
  .site-footer__links a:hover,
  .site-footer__links a:focus-visible,
  .site-footer__legal-links a:hover,
  .site-footer__legal-links a:focus-visible { color: #067647; text-decoration: underline; }
  .site-footer__socials n-btn,
  .site-footer__tools n-btn {
    width: 2.5rem;
    min-width: 2.5rem !important;
    height: 2.5rem;
  }

  /* ---------- Icon buttons (social + accessibility), Najiz style ---------- */
  .site-footer__icon-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
  }
  .site-footer__icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 0.0625rem solid #d2d6db;
    border-radius: 0.5rem;
    background: #fff;
    color: #384250;
    text-decoration: none !important;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  }
  .site-footer__icon-btn:hover,
  .site-footer__icon-btn:focus-visible {
    color: #067647;
    border-color: #067647;
    background: #ecfdf3;
  }
  .site-footer__icon-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgb(6 118 71 / 12%);
  }
  .site-footer__icon-btn:disabled { opacity: 0.45; cursor: not-allowed; background: #fff; color: #384250; border-color: #d2d6db; }

  /* ---------- App store badges ---------- */
  .app-stores { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; }
  .app-stores a { display: inline-flex; border-radius: 0.5rem; }
  .app-stores a:focus-visible { outline: 0.125rem solid #067647; outline-offset: 0.125rem; }
  .app-store-icon { display: block; height: 2.5rem; width: auto; }
  .site-footer__legal { min-width: 0; }
  .site-footer__legal-links { gap: 0.5rem 1.5rem; }
  .site-footer__copyright,
  .site-footer__updated {
    font-size: calc(0.875rem * var(--page-text-scale, 1)) !important;
    line-height: 1.25rem !important;
  }
  /* Vision 2030 logo: same card as the header's Vision logo */
  .site-footer__vision-link { flex: 0 0 auto; border-radius: 0.5rem; }
  .site-footer__vision-logo {
    display: block;
    box-sizing: border-box;
    height: 75px !important;
    width: auto;
    padding: 0.375rem 0.625rem;
    object-fit: contain;

    border: 0.0625rem solid #d2d6db;
    border-radius: 0.5rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  .site-footer__vision-link:hover .site-footer__vision-logo,
  .site-footer__vision-link:focus-visible .site-footer__vision-logo {
    border-color: #067647;
    box-shadow: 0 0 0 0.25rem rgb(6 118 71 / 12%);
  }
  .site-footer__vision-link:focus-visible { outline: none; }
  .footer-btns { padding: 0 !important; }
  @media (max-width: 68.75rem) {
    .site-footer__columns { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 2.25rem; }
  }
  @media (max-width: 45rem) {
    .site-footer__inner { width: min(100% - 1.5rem, 84rem); padding-block: 2rem 1.5rem !important; }
    .site-footer__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .site-footer__bottom { align-items: flex-start !important; flex-direction: column; }
    .site-footer__vision-link { align-self: flex-end; }
    .site-footer__vision-logo { height: 60px !important; }
  }
  @media (max-width: 28.75rem) {
    .site-footer__columns { grid-template-columns: 1fr; }
  }
  /* ---------- W3C badge (card, like the footer icon buttons) ---------- */
  .site-footer .w3c-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    height: 3.5rem;
    padding: 0 1rem;
    border: 0.0625rem solid #d2d6db;
    border-radius: 0.5rem;
    background: #fff;
    color: #384250 !important;
    text-decoration: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  }
  .site-footer .w3c-badge:hover,
  .site-footer .w3c-badge:focus-visible {
    border-color: #067647;
    background: #ecfdf3;
  }
  .site-footer .w3c-badge:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgb(6 118 71 / 12%);
  }
  .w3c-badge__text { display: flex; flex-direction: column; line-height: 1.2; }
  .site-footer .w3c-badge__title { font-size: 0.875rem; font-weight: 700; color: #1f2a37 !important; }
  .site-footer .w3c-badge__sub { font-size: 0.75rem; color: #6c737f !important; }
  .w3c-badge__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: #ecfdf3;
  }
  .site-footer .w3c-badge__check,
  .site-footer .w3c-badge__check * { color: #067647 !important; }
	[dir] img {
		border-style: none;
	}
	img {
		height: inherit;
		/* width: inherit; */
	}
	img {
		vertical-align: middle;
	}


input[type=button], input[type=reset], input[type=submit], button {
    min-width: 1em!important;
   
}










    .pageFoot {
   background: transparent !important;
    background-image: none !important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding-block: 1rem;
        border-top: 0.0625rem solid #e5e7eb;
    }
    .pageFoot .lastUpdated { color: #384250; font-size: 0.875rem; }
    .pageFoot .clearfix { display: none; }

    .share-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
    .share-bar__label { margin-inline-end: 0.25rem; color: #384250; font-size: 0.875rem; font-weight: 600; }

    /* Same look as the header's icon buttons (search / language) */
    .share-bar__btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.625rem;
        height: 2.625rem;
        padding: 0;
        border: 0.0625rem solid #d2d6db;
        border-radius: 0.5rem;
        background: #fff;
        color: #384250;
        text-decoration: none !important;
        cursor: pointer;
        transition: color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    }
    .share-bar__btn svg { width: 1.25rem; height: 1.25rem; fill: currentColor; }
    .share-bar__btn:hover,
    .share-bar__btn:focus-visible {
        color: #067647;
        border-color: #067647;
        box-shadow: 0 0 0 0.25rem rgb(6 118 71 / 12%);
    }
    .share-bar__btn:focus-visible { outline: none; }
    .share-bar__btn.is-copied { color: #fff; background: #067647; border-color: #067647; }
    .share-bar__status { color: #067647; font-size: 0.875rem; }