/* Right-to-left fixes the Framer layout mirroring doesn't cover. */

/* Pricing "save" badge was pinned to the right edge, over the plan name. */
html[dir="rtl"] .framer-1lfcdwk { right: auto !important; left: 0 !important; }

/* Button arrows point in the reading direction. */
html[dir="rtl"] [data-framer-name*="Button"] [data-framer-name="Icon"] svg { transform: scaleX(-1); }

/* maali.pro content: pieces of the Krackerz layout with no maali equivalent. */
/* Third pricing card (students) — maali has two plans: free and premium. */
.framer-4iogfu-container { display: none !important; }
/* Monthly / yearly switch — premium is a single monthly price. */
.framer-19fbga9 { display: none !important; }
/* Company logo row under the goals list (Krackerz founder's experience). */
.framer-1fm17km > :not(.framer-3oqj98) { display: none !important; }

/* Placeholder words shown as the highlight badge (see fix.js). */
h1 span.mh-badge, h2 span.mh-badge {
  --framer-text-color: rgb(94, 234, 212) !important; color: rgb(94, 234, 212) !important;
  background: rgb(22, 22, 22); padding: 0 .28em; border-radius: .22em; box-decoration-break: clone;
}
.mh-hide { visibility: hidden !important; }
/* Partner band: the two avatar photos (Krackerz people) overlap the Arabic text. */
img[src*="3SnMay4l8aTWwSlgRbIQgqfnM"], img[src*="qJv6OUkSTlOrfHa986zFTlGtPkc"] { visibility: hidden !important; }
/* Success-story quotes are longer in Arabic: keep them inside the scalloped circles. */
[data-framer-name="Testimonials Section"] p.framer-text { font-size: 12.5px !important; line-height: 1.5 !important; }
/* "ما يكفي تعرف أنك غلطت" + badge: in RTL the badge row was pulled up onto the second line. */
.framer-1s8p1d3 { flex-direction: column !important; align-items: center !important; gap: 14px !important; }
.framer-1bh4y96, .framer-1bh4y96 > * { position: relative !important; inset: auto !important; margin: 0 !important; transform: none !important; }
/* Hero sticker sits beside the line instead of on it. */
svg.framer-06dxu { margin-inline-end: 18px !important; }


/* Story cards overlap their neighbour by ~20px on the right, where RTL text starts: keep text clear of it. */
[data-framer-name="Testimonials Section"] p.framer-text { padding-inline: 22px !important; }
/* Each card above the card to its right (where RTL lines begin). Order right->left: a958cu, df5frt, yrqvmq, xo6w7c. */
.framer-a958cu-container { z-index: 1 !important; }
.framer-df5frt-container { z-index: 2 !important; }
.framer-yrqvmq-container { z-index: 3 !important; }
.framer-xo6w7c-container { z-index: 4 !important; }

/* Bus-stop section: the Krackerz video (KRACKERZ poster) -> our sunny Riyadh bus-stop photo. */
video[src*="ZNZq9mlrIqg3pbef8NsAOaGyBM4"] { visibility: hidden !important; }
div:has(> video[src*="ZNZq9mlrIqg3pbef8NsAOaGyBM4"]) { background: url("/fu/images/mE5LxjkB74938YkQhs9csmStTA.jpg?v=012ac68e") center / cover no-repeat !important; }
img[src*="X2tLvF8kaWMgm1ty5z1mB1J84NA"] { visibility: hidden !important; }

/* Pricing title: Lalezar is taller than the original font, so the badge needs room under line one. */
.framer-1ovwq9t-container { transform: translateY(34px) !important; }
.framer-7z1nen { margin-bottom: 38px !important; }

/* "المعلّم الذكي" / "تقدّمك بالأرقام" cards: no fly-in from the stack, they just sit in place */
.framer-1rb6lum-container, .framer-1cjynsm-container, .framer-1s6ycvd-container { transform: none !important; opacity: 1 !important; }