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

  ⇂ optimize  
  ⇂ optimize:clear  


/* SAJA_MOBILE_HERO_LAYOUT_FIX_FINAL */
@media (max-width: 700px) {
    html body.site-body .saja-reset-home-hero,
    html body.site-body .saja-final-clean-hero {
        height: 520px !important;
        min-height: 520px !important;
        aspect-ratio: auto !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        overflow: hidden !important;
    }

    html[lang="ar"] body.site-body .saja-reset-home-hero,
    html[lang="ar"] body.site-body .saja-final-clean-hero {
        background-position: 34% top !important;
    }

    html[lang="en"] body.site-body .saja-reset-home-hero,
    html[lang="en"] body.site-body .saja-final-clean-hero {
        background-position: 36% top !important;
    }

    html body.site-body .saja-final-hero-copy,
    html body.site-body .saja-final-hero-right {
        position: absolute !important;
        width: 84% !important;
        max-width: 84% !important;
        left: 8% !important;
        right: 8% !important;
        top: auto !important;
        bottom: 34px !important;
        margin: 0 auto !important;
        transform: none !important;
        text-align: center !important;
        z-index: 3 !important;
    }

    html body.site-body .saja-final-hero-copy h1,
    html body.site-body .saja-final-hero-copy h2,
    html body.site-body .saja-final-hero-right h1,
    html body.site-body .saja-final-hero-right h2,
    html body.site-body .saja-final-hero-copy p,
    html body.site-body .saja-final-hero-right p {
        font-size: 24px !important;
        line-height: 1.65 !important;
        text-align: center !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    html body.site-body .saja-home-page-cards-section {
        margin-top: 0 !important;
        padding-top: 28px !important;
    }
}

@media (max-width: 420px) {
    html body.site-body .saja-reset-home-hero,
    html body.site-body .saja-final-clean-hero {
        height: 500px !important;
        min-height: 500px !important;
    }

    html body.site-body .saja-final-hero-copy,
    html body.site-body .saja-final-hero-right {
        bottom: 30px !important;
    }

    html body.site-body .saja-final-hero-copy h1,
    html body.site-body .saja-final-hero-copy h2,
    html body.site-body .saja-final-hero-right h1,
    html body.site-body .saja-final-hero-right h2,
    html body.site-body .saja-final-hero-copy p,
    html body.site-body .saja-final-hero-right p {
        font-size: 22px !important;
        line-height: 1.6 !important;
    }
}