/* SAJA_NO_SEARCH_ANYWHERE_FINAL */
html body .saja-header-search-toggle,
html body .saja-header-search-panel,
html body .saja-header-search-form,
html body .saja-header-search-input,
html body [data-saja-search-toggle],
html body [class*="search-button"],
html body [class*="search-icon"],
html body [class*="search-toggle"],
html body button[aria-label*="بحث"],
html body button[aria-label*="Search"],
html body a[aria-label*="بحث"],
html body a[aria-label*="Search"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html body.site-body .site-header .site-nav::before,
html body.site-body .site-header .site-nav::after {
    display: none !important;
    content: none !important;
}

/* SAJA_REMOVE_BRAND_SIDE_SEARCH_DOT_FINAL */
html body.site-body .site-header .brand::before,
html body.site-body .site-header .brand::after {
    background-image: none !important;
}

html body.site-body .site-header .brand + button,
html body.site-body .site-header .brand ~ button:not(.nav-toggle),
html body.site-body .site-header .brand + a[href*="search"],
html body.site-body .site-header .brand ~ a[href*="search"],
html body.site-body .site-header .brand [class*="search"],
html body.site-body .site-header .brand ~ [class*="search"],
html body.site-body .site-header .brand ~ [aria-label*="بحث"],
html body.site-body .site-header .brand ~ [aria-label*="Search"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

html body.site-body .site-header .brand::before {
    content: "سجى البياتي" !important;
}

html body.site-body .site-header .brand::after {
    content: "Eng. Saja Albayati" !important;
}

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

html body.site-body .site-header .brand {
    position: relative !important;
}

html body.site-body .site-header .brand::before {
    content: "سجى البياتي" !important;
    display: block !important;
}

html body.site-body .site-header .brand::after {
    content: "Eng. Saja Albayati" !important;
    display: block !important;
}

/* SAJA_HEADER_NAME_AND_EN_HERO_ALIGN_FINAL */
html[lang="ar"] body.site-body .site-header .brand::before {
    content: "المهندسة سجى البياتي" !important;
    display: block !important;
    color: #fff !important;
}

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

html[lang="en"] body.site-body .site-header .brand::before {
    content: "Eng. Saja Albayati" !important;
    display: block !important;
    color: #fff !important;
}

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

html[lang="en"] body.site-body .saja-reset-home-hero {
    direction: ltr !important;
}

html[lang="en"] body.site-body .saja-reset-home-hero__content {
    margin-left: auto !important;
    margin-right: clamp(42px, 7vw, 130px) !important;
    max-width: 650px !important;
    text-align: right !important;
    align-items: flex-end !important;
    justify-items: end !important;
}

html[lang="en"] body.site-body .saja-reset-kicker,
html[lang="en"] body.site-body .saja-reset-name,
html[lang="en"] body.site-body .saja-reset-brief {
    text-align: right !important;
}

html[lang="en"] body.site-body .saja-reset-name {
    font-size: clamp(4.4rem, 5.8vw, 7rem) !important;
    line-height: .98 !important;
    max-width: 650px !important;
}

html[lang="en"] body.site-body .saja-reset-brief {
    max-width: 640px !important;
    margin-left: auto !important;
}

html[lang="en"] body.site-body .saja-reset-actions {
    justify-content: flex-end !important;
}

@media (max-width: 900px) {
    html[lang="en"] body.site-body .saja-reset-home-hero__content {
        margin: 0 auto !important;
        text-align: center !important;
        align-items: center !important;
        justify-items: center !important;
    }

    html[lang="en"] body.site-body .saja-reset-kicker,
    html[lang="en"] body.site-body .saja-reset-name,
    html[lang="en"] body.site-body .saja-reset-brief {
        text-align: center !important;
    }

    html[lang="en"] body.site-body .saja-reset-actions {
        justify-content: center !important;
    }
}

   ERROR  Command "optimize:clearcat" is not defined. Did you mean one of these?  

  ⇂ optimize  
  ⇂ optimize:clear  


/* SAJA_HEADER_SMALL_ONE_LINE_AND_EN_HERO_FIX_FINAL */
html body.site-body .site-header .brand {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: nowrap !important;
    text-align: right !important;
    justify-items: end !important;
}

html[lang="ar"] body.site-body .site-header .brand::before {
    content: "المهندسة سجى البياتي" !important;
    font-size: clamp(1.25rem, 1.65vw, 1.9rem) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html[lang="en"] body.site-body .site-header .brand::before {
    content: "Eng. Saja Albayati" !important;
    font-size: clamp(1.1rem, 1.45vw, 1.65rem) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

html body.site-body .site-header .brand::after {
    display: none !important;
    content: none !important;
}

html[lang="en"] body.site-body .saja-reset-home-hero {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    min-height: 760px !important;
}

html[lang="en"] body.site-body .saja-reset-home-hero__content {
    margin-left: auto !important;
    margin-right: clamp(24px, 5vw, 92px) !important;
    width: min(560px, 42vw) !important;
    max-width: 560px !important;
    text-align: right !important;
    align-items: flex-end !important;
    justify-items: end !important;
    transform: translateY(8px) !important;
}

html[lang="en"] body.site-body .saja-reset-kicker {
    font-size: clamp(.72rem, .95vw, .95rem) !important;
    padding: 12px 24px !important;
    text-align: right !important;
}

html[lang="en"] body.site-body .saja-reset-name {
    font-size: clamp(2.9rem, 4vw, 4.8rem) !important;
    line-height: 1.02 !important;
    max-width: 560px !important;
    text-align: right !important;
}

html[lang="en"] body.site-body .saja-reset-brief {
    max-width: 540px !important;
    font-size: clamp(.92rem, 1.12vw, 1.08rem) !important;
    line-height: 1.85 !important;
    text-align: right !important;
    margin-left: auto !important;
}

html[lang="en"] body.site-body .saja-reset-actions {
    justify-content: flex-end !important;
}

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

@media (max-width: 900px) {
    html body.site-body .site-header .brand::before {
        font-size: 1.05rem !important;
    }

    html[lang="en"] body.site-body .saja-reset-home-hero {
        background-size: cover !important;
        min-height: 720px !important;
    }

    html[lang="en"] body.site-body .saja-reset-home-hero__content {
        width: min(92vw, 560px) !important;
        margin: 0 auto !important;
        text-align: center !important;
        align-items: center !important;
        justify-items: center !important;
    }

    html[lang="en"] body.site-body .saja-reset-name,
    html[lang="en"] body.site-body .saja-reset-brief,
    html[lang="en"] body.site-body .saja-reset-kicker {
        text-align: center !important;
    }
}

/* SAJA_FORCE_EN_HERO_TEXT_RIGHT_FINAL */
html[lang="en"] body.site-body .saja-reset-home-hero {
    position: relative !important;
}

html[lang="en"] body.site-body .saja-reset-home-hero__content {
    position: absolute !important;
    top: 50% !important;
    right: clamp(34px, 7vw, 130px) !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-42%) !important;
    margin: 0 !important;
    width: min(520px, 38vw) !important;
    max-width: 520px !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: 5 !important;
}

html[lang="en"] body.site-body .saja-reset-home-hero__content > *,
html[lang="en"] body.site-body .saja-reset-kicker,
html[lang="en"] body.site-body .saja-reset-name,
html[lang="en"] body.site-body .saja-reset-brief,
html[lang="en"] body.site-body .saja-reset-actions {
    margin-left: auto !important;
    margin-right: 0 !important;
    text-align: right !important;
    align-self: flex-end !important;
}

html[lang="en"] body.site-body .saja-reset-name {
    font-size: clamp(2.6rem, 3.6vw, 4.3rem) !important;
    line-height: 1.04 !important;
}

html[lang="en"] body.site-body .saja-reset-actions {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 16px !important;
}

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

/* SAJA_EN_HERO_RIGHT_COMPACT_ALL_CLASSES_FINAL */
html[lang="en"] body.site-body .saja-reset-home-hero,
html[lang="en"] body.site-body .home-slider-section {
    position: relative !important;
    min-height: 720px !important;
    overflow: hidden !important;
    background-size: contain !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-copy {
    position: absolute !important;
    top: 50% !important;
    right: clamp(32px, 6vw, 120px) !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-38%) !important;
    width: min(430px, 31vw) !important;
    max-width: 430px !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-kicker {
    width: auto !important;
    max-width: 360px !important;
    min-width: 0 !important;
    align-self: flex-end !important;
    padding: 9px 18px !important;
    border-radius: 999px !important;
    font-size: clamp(.62rem, .72vw, .78rem) !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-copy h1 {
    width: 100% !important;
    max-width: 430px !important;
    margin: 18px 0 0 !important;
    font-size: clamp(2.15rem, 3vw, 3.45rem) !important;
    line-height: 1.02 !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 .saja-reset-home-hero__content p,
html[lang="en"] body.site-body .home-slider-copy p,
html[lang="en"] body.site-body .saja-reset-brief {
    width: 100% !important;
    max-width: 410px !important;
    margin: 18px 0 0 !important;
    padding: 16px 20px !important;
    font-size: clamp(.76rem, .9vw, .95rem) !important;
    line-height: 1.65 !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: 100% !important;
    max-width: 410px !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}

html[lang="en"] body.site-body .saja-reset-actions a {
    min-width: 150px !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    font-size: .86rem !important;
}

@media (max-width: 1100px) {
    html[lang="en"] body.site-body .saja-reset-home-hero__content,
    html[lang="en"] body.site-body .home-slider-copy {
        right: 24px !important;
        width: min(430px, 44vw) !important;
    }
}

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

    html[lang="en"] body.site-body .saja-reset-name,
    html[lang="en"] body.site-body .home-slider-copy h1,
    html[lang="en"] body.site-body .saja-reset-home-hero__content p,
    html[lang="en"] body.site-body .home-slider-copy p,
    html[lang="en"] body.site-body .saja-reset-brief {
        text-align: center !important;
    }
}

/* SAJA_EN_HERO_BALANCED_RIGHT_AND_HEADER_LEFT_FINAL */
html[lang="en"] body.site-body .site-header .nav-wrap {
    direction: ltr !important;
    justify-content: flex-start !important;
}

html[lang="en"] body.site-body .site-header .brand {
    order: 1 !important;
    margin-right: 28px !important;
    margin-left: 0 !important;
    text-align: left !important;
    justify-items: start !important;
}

html[lang="en"] body.site-body .site-header .site-nav {
    order: 2 !important;
    direction: ltr !important;
    justify-content: flex-start !important;
}

html[lang="en"] body.site-body .site-header .site-nav a {
    text-align: left !important;
}

html[lang="en"] body.site-body .saja-reset-home-hero__content,
html[lang="en"] body.site-body .home-slider-copy {
    top: 43% !important;
    right: clamp(78px, 11vw, 190px) !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    width: min(390px, 28vw) !important;
    max-width: 390px !important;
    height: auto !important;
    max-height: 520px !important;
    overflow: visible !important;
    align-items: flex-end !important;
    text-align: right !important;
}

html[lang="en"] body.site-body .home-slider-kicker,
html[lang="en"] body.site-body .saja-reset-kicker {
    max-width: 330px !important;
    font-size: clamp(.56rem, .65vw, .72rem) !important;
    padding: 8px 16px !important;
    margin-bottom: 8px !important;
}

html[lang="en"] body.site-body .home-slider-copy h1,
html[lang="en"] body.site-body .saja-reset-name {
    max-width: 390px !important;
    font-size: clamp(1.9rem, 2.55vw, 3.15rem) !important;
    line-height: 1.04 !important;
    margin: 10px 0 0 !important;
}

html[lang="en"] body.site-body .home-slider-copy p,
html[lang="en"] body.site-body .saja-reset-brief {
    max-width: 380px !important;
    font-size: clamp(.68rem, .78vw, .86rem) !important;
    line-height: 1.55 !important;
    margin-top: 12px !important;
    padding: 12px 16px !important;
}

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

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

@media (max-width: 1100px) {
    html[lang="en"] body.site-body .saja-reset-home-hero__content,
    html[lang="en"] body.site-body .home-slider-copy {
        right: 54px !important;
        width: min(360px, 36vw) !important;
    }
}

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

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

html[lang="en"] body.site-body .site-header .nav-wrap {
    min-height: 86px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    gap: 18px !important;
    background: transparent !important;
}

html[lang="en"] body.site-body .site-header .brand::before {
    font-size: clamp(1rem, 1.25vw, 1.35rem) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

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

html[lang="en"] body.site-body .site-header .site-nav a {
    font-size: clamp(.82rem, .92vw, .98rem) !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: 40px !important;
    padding: 0 18px !important;
}

html[lang="en"] body.site-body .saja-reset-home-hero,
html[lang="en"] body.site-body .home-slider-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
    min-height: 720px !important;
    background-size: contain !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-copy {
    top: 52% !important;
    right: clamp(74px, 9vw, 150px) !important;
    transform: translateY(-50%) !important;
    width: min(350px, 25vw) !important;
    max-width: 350px !important;
    align-items: flex-end !important;
    text-align: right !important;
}

html[lang="en"] body.site-body .home-slider-kicker,
html[lang="en"] body.site-body .saja-reset-kicker {
    max-width: 300px !important;
    font-size: clamp(.5rem, .58vw, .66rem) !important;
    line-height: 1.2 !important;
    padding: 7px 14px !important;
    margin-bottom: 6px !important;
}

html[lang="en"] body.site-body .home-slider-copy h1,
html[lang="en"] body.site-body .saja-reset-name {
    max-width: 350px !important;
    font-size: clamp(1.55rem, 2.1vw, 2.55rem) !important;
    line-height: 1.04 !important;
    margin: 8px 0 0 !important;
}

html[lang="en"] body.site-body .home-slider-copy p,
html[lang="en"] body.site-body .saja-reset-brief {
    max-width: 340px !important;
    font-size: clamp(.58rem, .68vw, .76rem) !important;
    line-height: 1.5 !important;
    margin-top: 10px !important;
    padding: 10px 14px !important;
}

html[lang="en"] body.site-body .saja-reset-actions {
    max-width: 340px !important;
    margin-top: 10px !important;
    gap: 10px !important;
}

html[lang="en"] body.site-body .saja-reset-actions a {
    min-width: 118px !important;
    min-height: 38px !important;
    font-size: .68rem !important;
    padding: 0 12px !important;
}

   ERROR  Command "optimize:clearcat" is not defined. Did you mean one of these?  

  ⇂ optimize  
  ⇂ optimize:clear  


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

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

html[lang="en"] body.site-body .site-header .nav-wrap,
html[lang="en"] body.site-body .site-header .container {
    background: transparent !important;
    background-color: transparent !important;
}

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

html[lang="en"] body.site-body .saja-reset-home-hero__content,
html[lang="en"] body.site-body .home-slider-copy {
    position: absolute !important;
    top: 54% !important;
    right: clamp(150px, 14vw, 230px) !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    width: 320px !important;
    max-width: 320px !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-align: right !important;
    align-items: flex-end !important;
    z-index: 30 !important;
}

html[lang="en"] body.site-body .home-slider-copy h1,
html[lang="en"] body.site-body .saja-reset-name {
    width: 320px !important;
    max-width: 320px !important;
    font-size: clamp(1.35rem, 1.85vw, 2.2rem) !important;
    line-height: 1.08 !important;
    text-align: right !important;
    margin: 8px 0 0 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

html[lang="en"] body.site-body .home-slider-kicker,
html[lang="en"] body.site-body .saja-reset-kicker {
    max-width: 280px !important;
    font-size: .58rem !important;
    line-height: 1.2 !important;
    padding: 7px 13px !important;
}

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

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

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