/* SAJA_HEADER_SPACING_BLACK_BAR_ALL_PAGES_FINAL */
html body.site-body {
    --saja-header-height: 98px !important;
    --saja-header-gap: 18px !important;
    padding-top: 0 !important;
}

html body.site-body .site-header {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    z-index: 99999 !important;
    width: 100% !important;
    height: var(--saja-header-height) !important;
    min-height: var(--saja-header-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #030303 !important;
    background-color: #030303 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

html body.site-body .site-header::before,
html body.site-body .site-header::after,
html body.site-body .site-header .container::before,
html body.site-body .site-header .container::after,
html body.site-body .site-header .nav-wrap::before,
html body.site-body .site-header .nav-wrap::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

html body.site-body .site-header .nav-wrap {
    height: var(--saja-header-height) !important;
    min-height: var(--saja-header-height) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
}

html body.site-body .site-header .brand::before {
    font-size: clamp(1.05rem, 1.25vw, 1.45rem) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html body.site-body .site-header .site-nav a {
    font-size: clamp(.82rem, .95vw, 1.02rem) !important;
    line-height: 1 !important;
}

html body.site-body main,
html body.site-body .site-main {
    padding-top: var(--saja-header-gap) !important;
}

html body.site-body .saja-reset-home-hero,
html body.site-body .home-slider-section,
html body.site-body .section-shell,
html body.site-body .section,
html body.site-body .page-section,
html body.site-body .content-section,
html body.site-body .admin-page {
    margin-top: var(--saja-header-gap) !important;
}

html body.site-body .saja-reset-home-hero,
html body.site-body .home-slider-section {
    padding-top: 0 !important;
}

html[lang="ar"] body.site-body .site-header,
html[lang="en"] body.site-body .site-header {
    height: var(--saja-header-height) !important;
    min-height: var(--saja-header-height) !important;
    background: #030303 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

html[lang="ar"] body.site-body main,
html[lang="en"] body.site-body main,
html[lang="ar"] body.site-body .site-main,
html[lang="en"] body.site-body .site-main {
    padding-top: var(--saja-header-gap) !important;
}

html[lang="ar"] body.site-body .saja-reset-home-hero,
html[lang="ar"] body.site-body .home-slider-section,
html[lang="en"] body.site-body .saja-reset-home-hero,
html[lang="en"] body.site-body .home-slider-section {
    margin-top: var(--saja-header-gap) !important;
}

/* SAJA_AR_SMALL_GAP_EN_HERO_HEAD_FIX_FINAL */
html[lang="ar"] body.site-body {
    --saja-header-height: 86px !important;
    --saja-header-gap: 4px !important;
}

html[lang="ar"] body.site-body .site-header {
    height: 86px !important;
    min-height: 86px !important;
}

html[lang="ar"] body.site-body .site-header .nav-wrap {
    height: 86px !important;
    min-height: 86px !important;
}

html[lang="ar"] body.site-body main,
html[lang="ar"] body.site-body .site-main {
    padding-top: 0 !important;
}

html[lang="ar"] body.site-body .saja-reset-home-hero,
html[lang="ar"] body.site-body .home-slider-section {
    margin-top: 4px !important;
    padding-top: 0 !important;
}

html[lang="ar"] body.site-body .section-shell,
html[lang="ar"] body.site-body .section,
html[lang="ar"] body.site-body .page-section,
html[lang="ar"] body.site-body .content-section {
    margin-top: 4px !important;
}

html[lang="en"] body.site-body {
    --saja-header-height: 98px !important;
    --saja-header-gap: 18px !important;
}

html[lang="en"] body.site-body .site-header {
    height: 98px !important;
    min-height: 98px !important;
}

html[lang="en"] body.site-body .site-header .nav-wrap {
    height: 98px !important;
    min-height: 98px !important;
}

html[lang="en"] body.site-body .saja-reset-home-hero,
html[lang="en"] body.site-body .home-slider-section {
    margin-top: 18px !important;
    padding-top: 26px !important;
    box-sizing: border-box !important;
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

/* SAJA_AR_ALL_PAGES_NO_GAP_HEADER_PLUS2_FINAL */
html[lang="ar"] body.site-body {
    --saja-header-height: 88px !important;
    --saja-header-gap: 0px !important;
    padding-top: 0 !important;
}

html[lang="ar"] body.site-body .site-header {
    height: 88px !important;
    min-height: 88px !important;
    margin-bottom: 0 !important;
}

html[lang="ar"] body.site-body .site-header .nav-wrap {
    height: 88px !important;
    min-height: 88px !important;
    margin-bottom: 0 !important;
}

html[lang="ar"] body.site-body main,
html[lang="ar"] body.site-body .site-main,
html[lang="ar"] body.site-body .page-main,
html[lang="ar"] body.site-body .public-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

html[lang="ar"] body.site-body .saja-reset-home-hero,
html[lang="ar"] body.site-body .home-slider-section,
html[lang="ar"] body.site-body .section-shell,
html[lang="ar"] body.site-body .section,
html[lang="ar"] body.site-body .page-section,
html[lang="ar"] body.site-body .content-section,
html[lang="ar"] body.site-body .content-grid,
html[lang="ar"] body.site-body .works-grid,
html[lang="ar"] body.site-body .news-grid,
html[lang="ar"] body.site-body .services-grid,
html[lang="ar"] body.site-body .books-grid {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

html[lang="ar"] body.site-body .site-header .brand::before {
    font-size: clamp(1.18rem, 1.38vw, 1.58rem) !important;
}

html[lang="ar"] body.site-body .site-header .site-nav a {
    font-size: clamp(.94rem, 1.08vw, 1.15rem) !important;
}

html[lang="ar"] body.site-body .site-header .site-nav a[href*="/contact"] {
    min-height: 44px !important;
}

/* SAJA_AR_HEADER_FONT_PLUS2_ONLY_FINAL */
html[lang="ar"] body.site-body .site-header .brand::before {
    font-size: calc(clamp(1.18rem, 1.38vw, 1.58rem) + 2px) !important;
}

html[lang="ar"] body.site-body .site-header .site-nav a {
    font-size: calc(clamp(.94rem, 1.08vw, 1.15rem) + 2px) !important;
}

html[lang="ar"] body.site-body .site-header .site-nav a[href*="/contact"] {
    font-size: calc(clamp(.94rem, 1.08vw, 1.15rem) + 2px) !important;
}

/* SAJA_AR_INNER_PAGES_HEADER_GAP_ONLY_FINAL */
html[lang="ar"] body.site-body main,
html[lang="ar"] body.site-body .site-main,
html[lang="ar"] body.site-body .page-main,
html[lang="ar"] body.site-body .public-main {
    padding-top: 26px !important;
}

html[lang="ar"] body.site-body .section-shell:first-child,
html[lang="ar"] body.site-body .section:first-child,
html[lang="ar"] body.site-body .page-section:first-child,
html[lang="ar"] body.site-body .content-section:first-child {
    margin-top: 26px !important;
}

html[lang="ar"] body.site-body:has(.saja-reset-home-hero) main,
html[lang="ar"] body.site-body:has(.home-slider-section) main,
html[lang="ar"] body.site-body:has(.saja-reset-home-hero) .site-main,
html[lang="ar"] body.site-body:has(.home-slider-section) .site-main {
    padding-top: 0 !important;
}

html[lang="ar"] body.site-body:has(.saja-reset-home-hero) .saja-reset-home-hero,
html[lang="ar"] body.site-body:has(.home-slider-section) .home-slider-section {
    margin-top: 0 !important;
}