/* SAJA_FINAL_HERO_HEADER_CLEAN_20260929 */
html[lang="en"] body.site-body {
    overflow-x: hidden !important;
}

html[lang="en"] body.site-body .site-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    min-height: 88px !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[lang="en"] body.site-body .site-header::before,
html[lang="en"] body.site-body .site-header::after,
html[lang="en"] body.site-body .site-header .container::before,
html[lang="en"] body.site-body .site-header .container::after,
html[lang="en"] body.site-body .site-header .nav-wrap::before,
html[lang="en"] body.site-body .site-header .nav-wrap::after {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
}

html[lang="en"] body.site-body .site-header .nav-wrap {
    min-height: 88px !important;
    padding: 14px 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 22px !important;
    direction: ltr !important;
    background: transparent !important;
}

html[lang="en"] body.site-body .site-header .brand {
    order: 1 !important;
    min-width: 190px !important;
    width: auto !important;
    margin: 0 28px 0 0 !important;
    text-align: left !important;
    justify-items: start !important;
    white-space: nowrap !important;
}

html[lang="en"] body.site-body .site-header .brand::before {
    content: "Eng. Saja Albayati" !important;
    display: block !important;
    font-size: clamp(1rem, 1.15vw, 1.28rem) !important;
    line-height: 1 !important;
    color: #fff !important;
    white-space: nowrap !important;
}

html[lang="en"] body.site-body .site-header .brand::after {
    display: none !important;
    content: none !important;
}

html[lang="en"] body.site-body .site-header .site-nav {
    order: 2 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 17px !important;
    direction: ltr !important;
}

html[lang="en"] body.site-body .site-header .site-nav a {
    font-size: clamp(.78rem, .86vw, .94rem) !important;
    line-height: 1 !important;
    padding: 7px 0 !important;
    white-space: nowrap !important;
}

html[lang="en"] body.site-body .site-header .site-nav a[href*="/contact"] {
    min-height: 38px !important;
    padding: 0 18px !important;
}

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

html[lang="en"] body.site-body .saja-reset-home-hero,
html[lang="en"] body.site-body .home-slider-section {
    position: relative !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    min-height: 760px !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

html[lang="en"] body.site-body .saja-reset-home-hero__content,
html[lang="en"] body.site-body .home-slider-section .home-slider-copy {
    position: absolute !important;
    top: 54% !important;
    right: clamp(70px, 8vw, 140px) !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    width: 410px !important;
    max-width: 410px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    text-align: right !important;
    direction: ltr !important;
    z-index: 20 !important;
}

html[lang="en"] body.site-body .saja-reset-kicker,
html[lang="en"] body.site-body .home-slider-section .home-slider-kicker {
    position: static !important;
    transform: none !important;
    max-width: 330px !important;
    padding: 8px 16px !important;
    margin: 0 0 10px auto !important;
    font-size: .64rem !important;
    line-height: 1.25 !important;
    text-align: right !important;
    white-space: normal !important;
}

html[lang="en"] body.site-body .saja-reset-name,
html[lang="en"] body.site-body .home-slider-section .home-slider-copy h1 {
    width: 410px !important;
    max-width: 410px !important;
    margin: 0 !important;
    font-size: clamp(2rem, 2.7vw, 3.25rem) !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

html[lang="en"] body.site-body .home-slider-section .home-slider-copy p,
html[lang="en"] body.site-body .saja-reset-brief {
    position: static !important;
    transform: none !important;
    width: 390px !important;
    max-width: 390px !important;
    margin: 14px 0 0 auto !important;
    padding: 12px 16px !important;
    font-size: .78rem !important;
    line-height: 1.55 !important;
    text-align: right !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

html[lang="en"] body.site-body .saja-reset-actions {
    width: 390px !important;
    max-width: 390px !important;
    margin-top: 14px !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}

html[lang="en"] body.site-body .saja-reset-actions a {
    min-width: 130px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    font-size: .72rem !important;
}

@media (max-width: 900px) {
    html[lang="en"] body.site-body .saja-reset-home-hero__content,
    html[lang="en"] body.site-body .home-slider-section .home-slider-copy {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        width: min(92vw, 410px) !important;
        margin: 120px auto 0 !important;
        align-items: center !important;
        text-align: center !important;
    }
}

/* SAJA_FIX_EN_HERO_IMAGE_CONTAIN_AND_TEXT_BOX_FINAL */
html[lang="en"] body.site-body .saja-reset-home-hero,
html[lang="en"] body.site-body .home-slider-section {
    min-height: 720px !important;
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #020202 !important;
    overflow: hidden !important;
}

html[lang="en"] body.site-body .saja-reset-home-hero__content,
html[lang="en"] body.site-body .home-slider-section .home-slider-copy {
    top: 52% !important;
    right: clamp(120px, 12vw, 210px) !important;
    width: 340px !important;
    max-width: 340px !important;
    transform: translateY(-50%) !important;
    overflow: visible !important;
}

html[lang="en"] body.site-body .saja-reset-kicker,
html[lang="en"] body.site-body .home-slider-section .home-slider-kicker {
    max-width: 300px !important;
    font-size: .58rem !important;
    padding: 7px 14px !important;
    margin-bottom: 10px !important;
}

html[lang="en"] body.site-body .saja-reset-name,
html[lang="en"] body.site-body .home-slider-section .home-slider-copy h1 {
    width: 340px !important;
    max-width: 340px !important;
    font-size: clamp(1.45rem, 2vw, 2.35rem) !important;
    line-height: 1.06 !important;
    text-align: right !important;
}

html[lang="en"] body.site-body .home-slider-section .home-slider-copy p,
html[lang="en"] body.site-body .saja-reset-brief {
    width: 320px !important;
    max-width: 320px !important;
    font-size: .66rem !important;
    line-height: 1.5 !important;
    padding: 10px 14px !important;
    text-align: right !important;
}

html[lang="en"] body.site-body .saja-reset-actions {
    width: 320px !important;
    max-width: 320px !important;
}

html[lang="en"] body.site-body .saja-reset-actions a {
    min-width: 112px !important;
    min-height: 36px !important;
    font-size: .64rem !important;
}