.mhi{--mhi-ink:#193e35;--mhi-muted:#52685e;--mhi-paper:#f7f2e9;background:var(--mhi-paper);color:var(--mhi-ink);padding-bottom:88px;overflow:clip}.mhi *,.mhi *:before,.mhi *:after{box-sizing:border-box}.mhi h1,.mhi h2,.mhi h3,.mhi p,.mhi figure{margin:0}.mhi h1,.mhi h2{font-family:Georgia,Times New Roman,serif;font-weight:400;color:var(--mhi-ink);letter-spacing:-.035em;text-wrap:balance}.mhi-hero{max-width:940px;margin:auto;padding:80px 28px 96px;text-align:center}.mhi-eyebrow{font-size:12px;letter-spacing:.1em;line-height:1.5}.mhi-hero h1{margin:22px auto 24px;font-size:clamp(42px,4.4vw,72px);line-height:1.08;max-width:850px}.mhi-intro{max-width:620px;margin-inline:auto!important;font-size:16px;line-height:1.75;color:var(--mhi-muted)}.mhi-stories{max-width:1360px;margin:auto;padding-inline:32px;display:grid;gap:112px}.mhi-story{min-width:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center;gap:clamp(36px,6vw,96px);scroll-margin-top:110px}.mhi-copy{grid-column:2;grid-row:1}.mhi-carousel{grid-column:1;grid-row:1;display:block;min-width:0}.mhi-story:nth-child(2n){grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.mhi-story:nth-child(2n) .mhi-copy{grid-column:1}.mhi-story:nth-child(2n) .mhi-carousel{grid-column:2}.mhi-step{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid #bcc8ba;color:#526b59;font-size:12px;margin-bottom:24px;font-variant-numeric:tabular-nums}.mhi-copy h2{font-size:clamp(32px,3vw,48px);line-height:1.12;margin-bottom:22px}.mhi-copy>p{font-size:15px;line-height:1.85;color:var(--mhi-muted);max-width:420px}.mhi-copy .mhi-prayers{padding-top:22px;margin-top:22px;border-top:1px solid #c8cfc2;font-size:12px;line-height:2;color:var(--mhi-ink)}.mhi-track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mhi-track::-webkit-scrollbar{display:none}.mhi-slide{flex:0 0 100%;min-width:0;position:relative;margin:0;padding:0 0 48px;scroll-snap-align:center;scroll-snap-stop:always}.mhi-visual{aspect-ratio:1;position:relative;overflow:hidden;border-radius:14px;background:#e4e8dc}.mhi-scene{display:block;width:100%;height:100%;object-fit:cover}.mhi-placeholder{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px dashed #a5b4a4;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:27%;gap:10px;color:#566d60}.mhi-placeholder svg{width:32px;height:32px;stroke:currentColor;stroke-width:1.1}.mhi-placeholder span{font-size:12px;text-align:center;max-width:75%;line-height:1.5}.mhi-scene-label{position:absolute;inset-inline-start:24px;inset-block-start:24px;max-width:calc(100% - 48px);display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;background:#27473beb;color:#fff!important;font:400 15px/1.35 Arial,sans-serif;letter-spacing:0}.mhi-scene-label svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4}.mhi-app-card{position:absolute;inset-inline:16%;bottom:20px;width:68%;max-width:360px;margin-inline:auto!important;border-radius:14px;overflow:hidden;filter:drop-shadow(0 10px 12px #19253224)}.mhi-app-card img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:14px}.mhi-screen-placeholder{background:#321c56;color:#e9e1f5;border:1px dashed #927bb1;border-radius:14px;min-height:160px;padding:24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px}.mhi-screen-placeholder svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.5}.mhi-screen-placeholder strong{font-size:16px;font-weight:400;line-height:1.4}.mhi-screen-placeholder span{font-size:12px;line-height:1.5;opacity:.8}.mhi-slide--prayer_fajr .mhi-visual{background:#dbe1e5}.mhi-slide--prayer_dhuhr .mhi-visual{background:#eee5d2}.mhi-slide--prayer_asr .mhi-visual{background:#e3e6d8}.mhi-slide--prayer_maghrib .mhi-visual{background:#ead9d0}.mhi-slide--prayer_isha .mhi-visual{background:#d6dbe5}.mhi-story--health .mhi-visual{background:#dfe7e3}.mhi-story--family .mhi-visual{background:#e8dfd6}.mhi-controls{display:flex;align-items:center;justify-content:center;gap:16px;width:fit-content;max-width:100%;margin:16px auto 0}.mhi-controls[hidden]{display:none}.mhi-count{display:inline-flex;flex:none;align-items:center;gap:12px;color:#4e4c46;font-size:16px;line-height:1;white-space:nowrap;direction:ltr;font-variant-numeric:tabular-nums}.mhi-count-ring{display:block;width:32px;height:32px;flex:none;fill:none;stroke-width:3}.mhi-count-ring-track{stroke:#cfcac1}.mhi-count-ring-value{stroke:currentColor;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease}.mhi-count-value{min-width:30px}.mhi-arrows{display:flex;align-items:center;justify-content:center;flex:0 1 224px;width:224px;min-width:0;gap:14px;padding:4px;border:1px solid #c5cdc1;border-radius:999px}.mhi-arrows button{-webkit-appearance:none;appearance:none;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;min-height:42px;margin:0;padding:0;border:0;border-radius:50%;color:var(--mhi-ink);background:transparent;cursor:pointer;box-shadow:none;transition:background-color .2s,color .2s}.mhi-arrows svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}.mhi-progress{display:block;flex:1;height:2px;background:#c8cec3;overflow:hidden}.mhi-progress>span{display:block;height:100%;width:25%;background:var(--mhi-ink);transition:width .2s ease}@media(hover:hover){.mhi-arrows button:hover{background:var(--mhi-ink);color:#fffdf7}}.mhi a:focus-visible,.mhi button:focus-visible,.mhi-track:focus-visible{outline:2px solid #168467;outline-offset:3px}.mhi-end{max-width:1120px;margin:auto;padding:52px 28px 0}.mhi-note{text-align:center;color:var(--mhi-muted);font-size:12px;line-height:1.7}.mhi-cta{text-align:center;border-top:1px solid #c8cfc2;padding-top:64px;margin-top:64px}.mhi-cta h2{font-size:clamp(34px,3.4vw,52px);line-height:1.12}.mhi-cta p{font-size:15px;line-height:1.8;margin:20px auto 26px;color:var(--mhi-muted)}.mhi-actions{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;justify-content:center}.mhi-button,.mhi-link{min-height:46px;display:inline-flex;gap:24px;align-items:center;justify-content:center;text-decoration:none;font-size:13px}.mhi-button{background:#168467;color:#fff;padding:12px 28px;border-radius:999px}.mhi-button:hover{background:#106a53;color:#fff}.mhi-link{border-bottom:1px solid var(--mhi-ink);color:var(--mhi-ink)}.mhi-link:hover{color:#168467}.mhi[dir=rtl] h1,.mhi[dir=rtl] h2,.mhi[dir=rtl] .mhi-scene-label{font-family:inherit;letter-spacing:normal}.mhi[dir=rtl] .mhi-eyebrow{letter-spacing:normal}.mhi[dir=rtl] .mhi-arrows svg{transform:scaleX(-1)}@media(max-width:999px)and (min-width:750px){.mhi-story{gap:32px}.mhi-visual{aspect-ratio:.8}.mhi-scene-label{inset-inline-start:16px;inset-block-start:16px;max-width:calc(100% - 32px);font-size:13px}}@media(max-width:749px){.mhi{padding-bottom:64px}.mhi-hero{padding:52px 24px 60px}.mhi-hero h1{font-size:clamp(34px,9vw,48px);margin-top:18px}.mhi-intro{font-size:14px}.mhi-stories{padding-inline:20px;gap:72px}.mhi-story,.mhi-story:nth-child(2n){display:flex;flex-direction:column;align-items:stretch;gap:26px}.mhi-step{width:30px;height:30px;margin-bottom:16px;font-size:11px}.mhi-copy h2{font-size:32px;margin-bottom:16px}.mhi-copy>p{font-size:14px;line-height:1.8}.mhi-copy .mhi-prayers{margin-top:16px;padding-top:14px}.mhi-track{gap:16px}.mhi-slide{padding-bottom:48px}.mhi-visual{aspect-ratio:.8;border-radius:12px}.mhi-app-card{inset-inline:13%;width:74%;bottom:16px}.mhi-app-card img{max-height:310px}.mhi-scene-label{inset-inline-start:16px;inset-block-start:16px;max-width:calc(100% - 32px);font-size:13px;gap:8px;padding:10px 14px}.mhi-scene-label svg{width:18px;height:18px}.mhi-placeholder{top:12px;right:12px;bottom:12px;left:12px;padding-top:33%}.mhi-end{padding-top:38px}.mhi-cta{margin-top:38px;padding-top:42px}}@media(prefers-reduced-motion:reduce){.mhi-track{scroll-behavior:auto}.mhi-progress>span,.mhi-count-ring-value{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/mzr-how-it-works.css.map */