ont-weight: 760; letter-spacing: .14em; text-transform: uppercase; } .workforce-heading > div > p:last-child { margin: .45rem 0 0; color: var(--muted); } .workforce-command { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(24rem, .9fr); align-items: end; gap: clamp(2rem, 5vw, 4rem); margin-block-end: 2rem; overflow: hidden; padding: clamp(1.5rem, 4vw, 2.6rem); color: #d9e9e2; background: radial-gradient(circle at 90% 10%, rgb(218 170 57 / 24%), transparent 15rem), linear-gradient(140deg, #07583f, #03382b 66%, #022a21); border: 1px solid rgb(218 170 57 / 25%); border-radius: 1.5rem; box-shadow: 0 1.25rem 3.5rem rgb(3 56 43 / 17%); } .workforce-command::after { content: "99"; position: absolute; inset: -2.5rem 1rem auto auto; color: rgb(255 255 255 / 4%); font: 12rem/1 Georgia, serif; } .workforce-command > * { position: relative; z-index: 1; } .workforce-command h2 { max-width: 38rem; margin: .55rem 0 .8rem; color: #fffdf4; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 520; letter-spacing: -.035em; line-height: 1.02; } .workforce-command p:last-child { max-width: 43rem; margin: 0; color: #c4d8d0; } .workforce-path { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .35rem; margin: 0; padding: 0; list-style: none; } .workforce-path li { display: grid; gap: .4rem; padding: .75rem .45rem; color: #dce9e4; border-block-start: 1px solid rgb(255 255 255 / 20%); font-size: .72rem; font-weight: 760; } .workforce-path li span { color: #edc654; font: 1rem Georgia, serif; } .workforce-roster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; margin-block: 1rem 2.5rem; } .workforce-role { min-width: 0; display: grid; align-content: start; gap: .8rem; padding: 1.15rem; background: linear-gradient(145deg, #fff, #fbfdfb); border: 1px solid rgb(7 88 63 / 13%); border-radius: 1.1rem; box-shadow: 0 .45rem 1.5rem rgb(3 60 46 / 5%); } .workforce-role__head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .7rem; } .workforce-role__mark { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; color: #fff; background: #07583f; border-radius: .78rem; font-family: Georgia, serif; font-size: 1.1rem; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 14%); } .workforce-role h2 { margin: .15rem 0 0; color: #073b30; font-size: 1rem; line-height: 1.2; } .workforce-role .eyebrow { font-size: .58rem; } .workforce-role > p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.5; } .workforce-role__count { min-width: 1.8rem; height: 1.8rem; display: grid; place-items: center; color: #07583f; background: #edf5f1; border-radius: 50%; font-size: .72rem; font-weight: 850; } .workforce-role .workforce-role__boundary { margin-block-start: auto; padding-block-start: .7rem; border-block-start: 1px solid rgb(7 88 63 / 9%); font-size: .76rem; } .workforce-role__boundary strong { color: #07583f; } .workforce-queue { display: grid; gap: 1rem; padding-block-end: 3rem; } .workforce-queue > .operations-section-heading { padding-block-end: .75rem; border-block-end: 1px solid rgb(7 88 63 / 10%); } .workforce-queue > .stack > .surface { border-inline-start: .25rem solid #d4a62f; } .workforce-item { gap: 1rem; } .workforce-transition-form { margin-block-start: .25rem; padding-block-start: 1rem; border-block-start: 1px solid rgb(7 88 63 / 11%); } .workforce-transition-form .form-row { align-items: end; } .workforce-transition-form .form-actions { justify-content: space-between; } /* Public role-based contact system. */ .contact-header { position: relative; z-index: 10; background: #fffdf7; border-block-end: 1px solid rgb(7 88 63 / 11%); } .contact-header__inner { min-height: 5.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; } .contact-header nav { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem; } .contact-header nav a:not(.button) { min-height: 2.75rem; display: inline-flex; align-items: center; padding-inline: .75rem; color: #073b30; font-size: .86rem; font-weight: 720; text-decoration: none; } .contact-hero { position: relative; overflow: hidden; color: #dcebe5; background: radial-gradient(circle at 78% 24%, rgb(218 170 57 / 25%), transparent 19rem), linear-gradient(135deg, #076247, #03372b 70%, #02281f); } .contact-hero::after { content: ""; position: absolute; width: 30rem; height: 30rem; inset: -17rem -8rem auto auto; border: 1px solid rgb(255 255 255 / 8%); border-radius: 50%; box-shadow: 0 0 0 4rem rgb(255 255 255 / 2.5%), 0 0 0 9rem rgb(218 170 57 / 2.5%); } .contact-hero__grid { position: relative; z-index: 1; min-height: 31rem; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(17rem, .7fr); align-items: center; gap: clamp(2rem, 7vw, 6rem); padding-block: clamp(3.5rem, 8vw, 6.5rem); } .contact-hero h1 { max-width: 48rem; margin: .7rem 0 1.2rem; color: #fffdf4; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3rem, 7vw, 6rem); font-weight: 500; letter-spacing: -.05em; line-height: .94; } .contact-hero h1 em { color: #e2b640; font-style: normal; } .contact-hero__grid > div:first-child > p:last-child { max-width: 42rem; color: #c7d9d2; font-size: clamp(1rem, 2vw, 1.2rem); } .contact-seal { display: grid; justify-items: center; gap: 1.2rem; } .contact-seal img { width: min(70%, 14rem); aspect-ratio: 1; object-fit: cover; background: #fff; border: .55rem solid rgb(255 255 255 / 12%); border-radius: 50%; box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 22%); } .contact-seal span { color: #e3c25d; font-size: .62rem; font-weight: 800; letter-spacing: .16em; text-align: center; text-transform: uppercase; } .contact-directory { padding-block: clamp(4rem, 8vw, 7rem); background: #fffdf8; } .contact-directory__heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .7fr); align-items: end; gap: 2rem; margin-block-end: 2rem; } .contact-directory__heading h2 { margin: .45rem 0 0; color: #073b30; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.5rem, 5vw, 4.3rem); font-weight: 520; letter-spacing: -.04em; line-height: 1; } .contact-directory__heading > p { margin: 0; color: var(--muted); } .contact-role-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block-start: 1px solid rgb(7 88 63 / 15%); border-inline-start: 1px solid rgb(7 88 63 / 15%); } .contact-role { min-width: 0; display: grid; align-content: start; gap: 1rem; padding: clamp(1.25rem, 3vw, 2rem); background: #fff; border-block-end: 1px solid rgb(7 88 63 / 15%); border-inline-end: 1px solid rgb(7 88 63 / 15%); transition: background .18s ease; } .contact-role:hover { background: #f3f8f5; } .contact-role__head { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .8rem; } .contact-role__mark { width: 3rem; height: 3rem; display: grid; place-items: center; color: #fff; background: #07583f; border-radius: 50%; font-family: Georgia, serif; font-weight: 700; box-shadow: inset 0 0 0 .18rem rgb(255 255 255 / 12%); } .contact-role h2 { margin: .18rem 0 0; color: #073b30; font-family: Georgia, "Times New Roman", serif; font-size: 1.25rem; font-weight: 600; } .contact-role > p { margin: 0; color: var(--muted); font-size: .9rem; } .contact-role__email { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block-start: auto; padding-block-start: 1rem; color: #07583f; border-block-start: 1px solid rgb(7 88 63 / 10%); font-size: .87rem; font-weight: 800; overflow-wrap: anywhere; } .contact-role__email span { color: #c6922e; font-size: 1.15rem; } .contact-trust { padding-block: clamp(3.5rem, 7vw, 5.5rem); color: #d3e3dc; background: #052f25; } .contact-trust__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 8vw, 7rem); } .contact-trust h2 { margin: .5rem 0 0; color: #fffdf4; font-family: Georgia, serif; font-size: clamp(2.3rem, 5vw, 4rem); font-weight: 520; line-height: 1; } .contact-trust p { color: #bdd1c9; } .contact-trust strong { color: #f1d174; } .contact-footer { padding-block: 2.5rem; color: #b9ccc4; background: #021e18; } .contact-footer > .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem; } .contact-footer .wordmark { color: #fff; } .contact-footer p { margin: 0; } .contact-footer nav { display: flex; gap: 1rem; } @media (max-width: 58rem) { .contact-header__inner { align-items: flex-start; flex-direction: column; padding-block: 1rem; } .contact-hero__grid, .contact-directory__heading, .contact-trust__grid { grid-template-columns: 1fr; } .contact-seal { display: none; } .contact-role-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 38rem) { .contact-header nav { width: 100%; display: grid; grid-template-columns: 1fr 1fr; } .contact-header nav a { justify-content: center; text-align: center; } .contact-hero__grid { min-height: 27rem; } .contact-hero h1 { font-size: clamp(2.8rem, 14vw, 4.3rem); } .contact-role-grid { grid-template-columns: 1fr; } .contact-footer > .container { align-items: flex-start; flex-direction: column; } } @media (max-width: 68rem) { .workforce-command { grid-template-columns: 1fr; } .workforce-roster { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 42rem) { .workforce-command { margin-inline: -.25rem; padding: 1.25rem; border-radius: 1.15rem; } .workforce-command h2 { font-size: clamp(2rem, 10vw, 2.75rem); } .workforce-path { grid-template-columns: repeat(5, minmax(4rem, 1fr)); overflow-x: auto; padding-block-end: .35rem; } .workforce-roster { grid-template-columns: 1fr; } .workforce-role { padding: 1rem; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; } .button:hover { translate: 0; } } @media (forced-colors: active) { .badge::before, .signal-list li::before, .workspace-nav a::before { forced-color-adjust: none; } .button, .site-nav a, .workspace-nav a { border: 1px solid ButtonText; } } /* Resilient institution forms: labels and controls must never collapse to intrinsic width. */ .form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 1rem; align-items: start; } .form-grid > label, form.stack > label { display: grid; gap: .5rem; min-width: 0; } .form-grid input, .form-grid select, .form-grid textarea, form.stack > label > input, form.stack > label > select, form.stack > label > textarea { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; } @media (max-width: 42rem) { .form-grid { grid-template-columns: 1fr; } .site-header__inner { gap: .75rem; align-items: flex-start; } .site-nav { display: flex; flex-wrap: nowrap; width: 100%; max-width: 100%; overflow-x: auto; padding-block-end: .35rem; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; } .site-nav a { flex: 0 0 auto; padding-inline: .45rem; font-size: .78rem; white-space: nowrap; scroll-snap-align: start; } .site-nav > a:nth-child(3) { display: none !important; } .site-nav .nav-cta { margin-inline-start: auto; } } /* Onboarding is progressive: keep one substantial task in view at a time. */ #profile, #services:target, #publication:target { animation: onboarding-reveal .32s ease-out both; scroll-margin-top: 2rem; } #services, #publication { display: none; } #services:target, #publication:target { display: block; } body:has(#services:target) #profile, body:has(#publication:target) #profile { display: none; } @keyframes onboarding-reveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { #profile, #services:target, #publication:target { animation: none; } } /* A recognizably masjid-centered first impression, delivered from Cloudflare's edge. */ .network-hero { position: relative; background: linear-gradient(90deg, rgb(255 253 248 / 99%) 0%, rgb(255 253 248 / 94%) 42%, rgb(255 253 248 / 18%) 72%), url("/brand/imin99-masjid-hero-v1.png") 62% center / cover no-repeat; } .network-hero__scene { visibility: hidden; } @media (max-width: 55rem) { .network-hero { background: linear-gradient(180deg, rgb(255 253 248 / 98%) 0%, rgb(255 253 248 / 94%) 72%, rgb(255 253 248 / 58%) 100%), url("/brand/imin99-masjid-hero-v1.png") 68% center / cover no-repeat; } .network-hero__scene { display: none; } } /* Production quality system: one recognizable IMIN99 experience everywhere. */ :root { --foundation: #075b3e; --deep: #063526; --teal: #087b58; --gold: #d4af37; --sand: #f8f5ec; --sand-deep: #eee5d3; --slate: #172f2a; --muted: #5b6c67; --line: #d8e1db; --line-strong: #b9cbc2; --emerald: var(--foundation); --ink: var(--deep); --sage-soft: #edf4f0; --shadow-sm: 0 2px 4px rgb(6 53 38 / 5%), 0 12px 30px rgb(6 53 38 / 6%); --shadow-lg: 0 30px 90px rgb(6 53 38 / 15%); } body { background: radial-gradient(circle at 4% 4%, rgb(212 175 55 / 10%), transparent 25rem), radial-gradient(circle at 96% 32%, rgb(8 123 88 / 8%), transparent 30rem), linear-gradient(180deg, #fffdf8 0, var(--sand) 52rem); font-family: "Avenir Next", Avenir, "Gill Sans", "Trebuchet MS", sans-serif; letter-spacing: -.006em; } :is(h1,h2,h3,.wordmark__name strong) { font-family: "Iowan Old Style", Baskerville, "Times New Roman", serif; letter-spacing: -.025em; } .eyebrow { letter-spacing: .16em; } .site-header,.workspace-header { position: sticky; inset-block-start: 0; z-index: 40; background: rgb(255 253 248 / 88%); border-block-end: 1px solid rgb(7 91 62 / 10%); box-shadow: 0 8px 30px rgb(6 53 38 / 4%); backdrop-filter: blur(18px) saturate(1.25); } .wordmark__seal { overflow: hidden; background: #fff; box-shadow: 0 6px 18px rgb(6 53 38 / 12%); } .wordmark__seal img { width: 100%; height: 100%; object-fit: cover; } .wordmark__name strong { color: var(--foundation); } .wordmark__name strong { font-size: 1.12rem; letter-spacing: .045em; } .wordmark__name strong span { display: inline; margin: 0; color: var(--gold); font: inherit; letter-spacing: inherit; } .wordmark__name small { color: var(--muted); font-size: .75rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .wordmark__name,.wordmark__name strong { opacity: 1 !important; color: #063526 !important; } .wordmark__name strong span { color: #b88b19 !important; } .wordmark__name small { color: #405f55 !important; } .button,.nav-cta,button[type="submit"] { box-shadow: 0 8px 20px rgb(6 53 38 / 10%); transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease; } .button:hover,.nav-cta:hover,button[type="submit"]:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgb(6 53 38 / 16%); } .button:active,.nav-cta:active,button[type="submit"]:active { transform: translateY(0); } button:disabled,.button[aria-disabled="true"] { cursor: not-allowed; opacity: .55; transform: none; box-shadow: none; } :is(input,select,textarea) { transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; } :is(input,select,textarea):hover { border-color: var(--line-strong); } :is(input,select,textarea):focus { border-color: var(--teal); box-shadow: 0 0 0 4px rgb(8 123 88 / 10%); } .surface,.feature-card,.summary-card,.operations-launchpad,.governance-card { box-shadow: var(--shadow-sm); } .workspace-nav a { transition: background-color .16s ease, color .16s ease, transform .16s ease; } .workspace-nav a:hover { background: var(--sage-soft); } .workspace-nav a[aria-current="page"] { border-inline-start: 3px solid var(--foundation); background: var(--sage-soft); box-shadow: none; } .site-footer,.contact-footer { background: linear-gradient(145deg,var(--deep),#07553d); color: #fff; } .site-footer a,.contact-footer a { color: inherit; } @media (max-width: 48rem) { .workspace-body { padding-block-end: 5.5rem; } .workspace-sidebar { position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 60; width: auto; padding: .45rem .55rem max(.45rem,env(safe-area-inset-bottom)); border: 0; border-block-start: 1px solid var(--line); background: rgb(255 253 248 / 94%); box-shadow: 0 -12px 35px rgb(6 53 38 / 12%); backdrop-filter: blur(18px) saturate(1.25); } .workspace-sidebar__context,.workspace-sidebar__promise { display: none; } .workspace-nav { display: flex; gap: .2rem; overflow-x: auto; scrollbar-width: none; } .workspace-nav::-webkit-scrollbar { display: none; } .workspace-nav a { flex: 0 0 4.7rem; display: grid; justify-items: center; gap: .2rem; padding: .42rem .25rem; border-radius: .65rem; font-size: .8125rem; line-height: 1.2; text-align: center; white-space: normal; } .workspace-nav a:hover { transform: none; } .workspace-nav a[aria-current="page"] { box-shadow: inset 0 -3px 0 var(--gold); } .workspace-nav__icon { font-size: 1rem; } .workspace-layout { display: block; } .workspace-main { min-width: 0; } .site-header__inner,.workspace-header__inner { min-height: 4rem; } } @media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } /* Public discovery: deliberate sparse results and compact progressive filters. */ .institution-grid--single { grid-template-columns: minmax(0,1fr); } .directory-heading { padding-block: 2rem 1rem; } .directory-heading h1 { font-size: clamp(2rem,4vw,3rem); } .directory-toolbar { grid-template-columns: minmax(0,1fr) auto; } .directory-filter-disclosure { grid-column: 1 / -1; grid-row: 2; } .directory-filter-disclosure summary { cursor: pointer; color: var(--deep); font-weight: 700; padding-block: .5rem; } .directory-filters { margin-block-start: .5rem; } .directory-toolbar > .button { grid-column: 2; grid-row: 1; } .network-hero h1 { max-width: 18ch; } .network-hero .hero__lead { max-width: 36rem; } @media(max-width:40rem) { .directory-toolbar { grid-template-columns: 1fr; } .directory-toolbar > .button { grid-column: 1; grid-row: 2; } .directory-filter-disclosure { grid-row: 3; } } .network-hero .trust-ribbon { background: rgba(255,255,255,.94); border-radius: 1rem; padding: .8rem; } .discovery-controls[hidden] { display: none !important; } #nearby-status { padding: 0; margin-block: 1rem .5rem; background: none; border: 0; } .directory-result-summary { margin-block: .5rem 1rem; color: var(--muted); font-size: .9rem; } /* A shared locale control must fit translated workspace headers and narrow screens. */ .language-picker { position: relative; min-inline-size: 0; color: var(--ink); } .language-picker > summary { min-block-size: 44px; display: flex; align-items: center; cursor: pointer; padding: .5rem; } .language-picker:not([open]) > .language-picker__panel { display: none; } .language-picker__panel { position: absolute; inset-inline-end: 0; inset-block-start: 100%; z-index: 60; inline-size: min(22rem, calc(100vw - 2rem)); max-block-size: 70dvh; overflow: auto; padding: 1rem; color: var(--ink); background: var(--white); border: 1px solid var(--line); border-radius: .8rem; box-shadow: 0 12px 35px rgb(6 53 38 / 18%); } .language-picker__panel nav { display: flex; flex-wrap: wrap; gap: .25rem; } .language-picker__panel nav a { display: inline-flex; align-items: center; min-block-size: 44px; min-inline-size: 44px; max-inline-size: 100%; padding: .5rem; overflow-wrap: anywhere; } .language-picker__panel form, .language-picker__panel input { min-inline-size: 0; max-inline-size: 100%; inline-size: 100%; } @media (max-width: 50rem) { .workspace-header__inner { flex-wrap: wrap; } .workspace-header__inner > .cluster { min-inline-size: 0; flex-wrap: wrap; } .workspace-nav { inline-size: 100%; min-inline-size: 0; } .workspace-main::before { inset-inline-end: 0; max-inline-size: 40vw; } .language-picker__panel { position: fixed; inset-inline: 1rem; inset-block-start: 6rem; inline-size: auto; } } /* Keep the decorative arch inside public and workspace pages, including RTL. */ main::before { inset-inline-end: 0; max-inline-size: 40vw; } .workspace-main__inner { min-inline-size: 0; overflow-wrap: anywhere; } .workspace-main .stack { grid-template-columns: minmax(0, 1fr); } .workspace-main .surface { min-inline-size: 0; max-inline-size: 100%; } /* Keep text on a known surface while retaining the mosque artwork beside it. */ .network-hero__copy { background-color: #fffdf8; border-radius: 1rem; padding: clamp(1rem, 2vw, 1.5rem); } .network-hero .hero__actions a { display: inline-flex; align-items: center; min-block-size: 44px; padding-block: .5rem; } .auth-divider { color: #53645b; font-size: .8125rem; } /* Reversed wordmarks must override the shared brand descendants, including gold. */ :is(.site-footer,.contact-footer,.auth-story) .wordmark__name, :is(.site-footer,.contact-footer,.auth-story) .wordmark__name strong { color: #fffdf8 !important; } :is(.site-footer,.contact-footer,.auth-story) .wordmark__name strong span { color: #f1d174 !important; } :is(.site-footer,.contact-footer,.auth-story) .wordmark__name small { color: #dce9e2 !important; } .site-footer nav, .contact-footer nav { display: flex; flex-wrap: wrap; gap: .5rem 1rem; } .site-footer nav a, .contact-footer nav a { display: inline-flex; align-items: center; min-block-size: 44px; } /* A dual-color focus ring stays distinct on cream and dark green surfaces. */ :focus-visible, :is(input,select,textarea):focus-visible, .auth-form .field input:focus-visible { outline: 3px solid #075b3e; outline-offset: 3px; box-shadow: 0 0 0 3px #fffdf8; } :lang(ar) :is(h1,h2,h3) { font-family: "Noto Naskh Arabic", "Geeza Pro", serif; letter-spacing: normal; line-height: 1.3; } @media (min-width: 42.001rem) { .auth-story { grid-column: 1; grid-row: 1; } .auth-form { grid-column: 2; grid-row: 1; } } @media (max-width: 42rem) { .site-header { position: relative; } .site-header__inner { padding-block: .5rem; gap: .3rem; min-height: auto; } .site-header .wordmark__seal { width: 2.5rem; height: 2.5rem; } .site-header .wordmark__name small { font-size: .6875rem; letter-spacing: .06em; } .site-nav a { min-block-size: 44px; } .auth-shell, .auth-public-container .auth-shell, .auth-page .auth-shell { min-height: auto; } .auth-form { grid-column: 1; grid-row: 1; padding: 1.25rem; gap: .75rem; } .auth-form h2 { font-size: clamp(1.8rem, 8vw, 2.4rem); } .auth-story, .auth-page .auth-story, .auth-public-container .auth-story { grid-column: 1; grid-row: 2; min-height: auto; gap: 1rem; padding: 1.25rem; } .auth-story::before, .auth-story::after, .auth-architecture { display: none; } .auth-story__message { padding: 0; } .auth-story__message h1 { max-width: none; font-size: 1.6rem; } .auth-principles { gap: .5rem; } .auth-principles li { font-size: .8125rem; } .network-hero__grid { padding-block: 1rem; } .network-hero h1 { font-size: clamp(2.4rem, 11vw, 3.5rem); } .network-hero .hero__lead { line-height: 1.5; } .trust-ribbon > div { padding: .65rem .5rem; gap: .3rem .5rem; } .workspace-nav a[aria-current="page"] { border-inline-start: 0; border-block-end: 3px solid var(--foundation); box-shadow: none; } } @media (forced-colors: active) { :focus-visible, :is(input,select,textarea):focus-visible, .auth-form .field input:focus-visible { outline-color: Highlight; box-shadow: none; } .workspace-nav a[aria-current="page"] { border-color: Highlight; } }

Browse institutions

Public listing

مسجد الشيخ الطيب مهاجي

Oran, Oran, Algeria

How can we help?

View published information and services

Registration and admissions depend on services enabled by the institution. This listing does not grant institutional authority.

Sources and freshness

Public ImanKeeper mosque directory listing; institution authority not verified. Source: https://imankeeper.com/mosques/mosque-06450/ Coordinates: © OpenStreetMap contributors (ODbL 1.0).

Information updated: Not published

Represent this institution? Request management access

مسجد الشيخ الطيب مهاجي