/*
 * Supplied desktop/mobile compositions with live Rubik text.
 * The current WordPress theme renders the header and footer.
 * Page layout adjustments below apply only to the page with slug "app".
 */
@font-face {
    font-family: "Rabee App Rubik";
    src: url("fonts/rubik-variable.woff2") format("woff2");
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
}
body.rabee-app-download-page { overflow-x: clip; }
body.rabee-app-download-page #page > .page-title,
body.rabee-app-download-page #main #sidebar { display: none; }
body.rabee-app-download-page #main { padding-top: 0; padding-bottom: 0; }
body.rabee-app-download-page #main > .wf-wrap > .wf-container-main { display: block; }
body.rabee-app-download-page #main #content {
    float: none; width: 100%; max-width: none; margin: 0; padding: 0;
}
body.rabee-app-download-page #content > .elementor,
body.rabee-app-download-page #content .elementor-section,
body.rabee-app-download-page #content .elementor-container,
body.rabee-app-download-page #content .elementor-column,
body.rabee-app-download-page #content .elementor-widget-wrap,
body.rabee-app-download-page #content .elementor-widget-shortcode,
body.rabee-app-download-page #content .elementor-widget-shortcode > .elementor-widget-container {
    width: 100%; max-width: none; margin: 0; padding: 0;
}
body.rabee-app-download-page #content .e-con:has(.rabee-app-download),
body.rabee-app-download-page #content .e-con-inner:has(.rabee-app-download) {
    width: 100%; max-width: none; margin: 0; padding: 0; gap: 0;
}
.rabee-app-download {
    --rabee-copy-unit: calc(100vw / 5334);
    position: relative;
    width: 100vw;
    max-width: none;
    margin: 0 calc(50% - 50vw);
    padding: 0;
    background: #f0f0f0;
    color: #000;
    overflow: hidden;
    isolation: isolate;
}
.rabee-app-download, .rabee-app-download * { box-sizing: border-box; }
.rabee-app-download .rabee-app-download__composition {
    position: relative;
    width: 100%;
    aspect-ratio: 5334 / 2352;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.rabee-app-download .rabee-app-download__english,
.rabee-app-download .rabee-app-download__arabic,
.rabee-app-download .rabee-app-download__store,
.rabee-app-download .rabee-app-download__phone {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
}
.rabee-app-download img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.rabee-app-download .rabee-app-download__english {
    left: 12.710911%; top: 21.471088%; width: 26.527934%;
}
.rabee-app-download .rabee-app-download__arabic {
    left: 28.290214%; top: 42.984694%; width: 27.296588%;
}
.rabee-app-download .rabee-app-download__english { text-align: left; direction: ltr; }
.rabee-app-download .rabee-app-download__arabic { text-align: right; direction: rtl; }
/* The staging theme forces its font globally; override only these copy blocks. */
.rabee-app-download .rabee-app-download__english,
.rabee-app-download .rabee-app-download__english *,
.rabee-app-download .rabee-app-download__arabic,
.rabee-app-download .rabee-app-download__arabic * {
    font-family: "Rabee App Rubik", Arial, sans-serif !important;
}
.rabee-app-download h1,
.rabee-app-download h2,
.rabee-app-download p {
    position: static;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Rabee App Rubik", Arial, sans-serif;
    font-style: normal;
    font-synthesis: none;
    text-transform: none;
    text-decoration: none;
    text-shadow: none;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
}
.rabee-app-download h1,
.rabee-app-download h2 {
    color: #f39200;
    font-size: calc(100 * var(--rabee-copy-unit));
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: normal;
}
.rabee-app-download h1 { letter-spacing: -0.028em; }
.rabee-app-download p {
    color: #111;
    font-size: calc(74 * var(--rabee-copy-unit));
    font-weight: 300;
    line-height: 1.24;
    letter-spacing: normal;
}
.rabee-app-download .rabee-app-download__english { margin-top: calc(-17 * var(--rabee-copy-unit)); }
.rabee-app-download .rabee-app-download__arabic { margin-top: calc(-5 * var(--rabee-copy-unit)); }
.rabee-app-download .rabee-app-download__arabic h2 { line-height: 1.22; }
.rabee-app-download .rabee-app-download__arabic p {
    word-spacing: 0.45em;
    line-height: 1.2;
}
.rabee-app-download .rabee-app-download__arabic-line {
    display: block;
    text-align: right;
    text-align-last: right;
    word-spacing: 0.26em;
}
.rabee-app-download .rabee-app-download__store {
    top: 64.328231%;
    width: 10.296682%;
    line-height: 0;
    text-decoration: none;
    z-index: 2;
}
.rabee-app-download .rabee-app-download__store--apple { left: 13.835771%; }
.rabee-app-download .rabee-app-download__store--google { left: 24.296963%; }
.rabee-app-download .rabee-app-download__store:focus-visible { outline: 3px solid #bf7300; outline-offset: 4px; }
.rabee-app-download .rabee-app-download__phone {
    left: 62.448444%; top: 11.011905%; width: 29.771278%;
    pointer-events: none;
}
@media (max-width: 767px) {
    .rabee-app-download { --rabee-copy-unit: calc(100vw / 2400); }
    .rabee-app-download .rabee-app-download__composition { aspect-ratio: 2400 / 2352; }
    .rabee-app-download .rabee-app-download__english { left: 12.625%; top: 4.421769%; width: 58.958333%; }
    .rabee-app-download .rabee-app-download__arabic { left: 29.083333%; top: 22.916667%; width: 60.666667%; }
    .rabee-app-download .rabee-app-download__store { top: 66.581633%; width: 17.7375%; }
    .rabee-app-download .rabee-app-download__store--apple { left: 15.208333%; }
    .rabee-app-download .rabee-app-download__store--google { left: 33.25%; }
    .rabee-app-download .rabee-app-download__phone { left: 54.208333%; top: 41.496599%; width: 50.51825%; }
}