@font-face {
  font-family: 'IBM Plex Arabic';
  src: url('assets/fonts/IBMPlexSansArabic-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'IBM Plex Arabic';
  src: url('assets/fonts/IBMPlexSansArabic-Medium.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'IBM Plex Arabic';
  src: url('assets/fonts/IBMPlexSansArabic-Bold.ttf') format('truetype');
  font-weight: 700;
}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Cairo",Arial,sans-serif;background:#fff;color:#27272a}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #eee}.topbar-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand img{height:58px;object-fit:contain}.nav{display:flex;gap:22px;font-weight:700;color:#3f3f46}.nav a:hover{color:#d9271c}.hotline-pill{background:#1f1f23;color:#fff;padding:11px 18px;border-radius:999px;font-weight:900}.hero{position:relative;min-height:760px;padding:86px 0;background:linear-gradient(rgba(0,0,0,.66),rgba(0,0,0,.58)),url('https://images.unsplash.com/photo-1584551246679-0daf3d275d0f?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(217,39,28,.30),transparent 32%),radial-gradient(circle at 85% 20%,rgba(229,211,161,.18),transparent 28%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.22))}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 430px;gap:46px;align-items:center}.hero-content{color:#fff}.badge{display:inline-flex;background:rgba(217,39,28,.18);color:#fff;border:1px solid rgba(255,255,255,.25);padding:8px 16px;border-radius:999px;font-weight:800;margin-bottom:18px}.hero h1{font-size:54px;line-height:1.18;margin:0 0 18px;font-weight:900}.hero p{font-size:20px;line-height:1.85;color:#f4f4f5;margin:0 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:14px 22px;font-weight:900;border:0;cursor:pointer;transition:.2s}.btn-primary,.btn-submit{background:#d9271c;color:#fff;box-shadow:0 16px 30px rgba(217,39,28,.24)}.btn-primary:hover,.btn-submit:hover{transform:translateY(-2px);background:#bb2118}.btn-secondary{background:#fff;color:#1f1f23}.quran-box{margin-top:24px;padding:16px 18px;border:1px solid rgba(229,211,161,.62);border-radius:18px;background:rgba(255,255,255,.09);font-family:"Amiri",serif;font-size:25px;line-height:1.8;color:#e5d3a1;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.10)}.trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.trust-row span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);padding:10px 12px;border-radius:999px;font-size:14px}.form-card{background:#fff;border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.form-header h2{margin:0 0 4px;font-size:28px}.form-header p{margin:0 0 20px;color:#71717a;font-size:14px}.field{margin-bottom:12px}.field label{display:block;font-weight:800;margin-bottom:6px;font-size:14px}.required{color:#d9271c}.required-note{margin:10px 0 0;text-align:center;color:#71717a;font-size:12px}.field input,.field select,.field textarea{width:100%;border:1px solid #e4e4e7;border-radius:12px;padding:11px 13px;font-family:inherit;font-size:13px;background:#fafafa;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d9271c;background:#fff;box-shadow:0 0 0 4px rgba(217,39,28,.08)}.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:#b91c1c;background:#fff7f7}.error-text{display:block;min-height:16px;margin-top:4px;color:#b91c1c;font-size:11px;font-weight:800}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-submit{width:100%;font-size:16px;margin-top:6px}.section{padding:84px 0}.muted{background:#f7f7f8}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.section-label{display:inline-flex;color:#d9271c;font-weight:900;margin-bottom:10px}.section h2,.section-title h2{font-size:38px;line-height:1.25;margin:0 0 14px;color:#1f1f23}.section p{font-size:18px;line-height:1.9;color:#52525b}.stats-card{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;background:#1f1f23;color:#fff;padding:24px;border-radius:24px}.stats-card div{background:rgba(255,255,255,.08);padding:18px;border-radius:18px;text-align:center}.stats-card strong{display:block;font-size:28px;color:#fff}.stats-card span{font-size:13px;color:#d4d4d8}.section-title{text-align:center;max-width:740px;margin:0 auto 36px}.cards,.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card,.location-card{background:#fff;border:1px solid #eee;border-radius:24px;padding:26px;box-shadow:0 10px 30px rgba(0,0,0,.04)}.service-card.featured{border-color:#d9271c;box-shadow:0 20px 50px rgba(217,39,28,.12)}.service-card h3,.location-card h3{margin:0 0 14px;font-size:24px}.service-card ul{margin:0 0 18px;padding:0 20px;line-height:2}.service-card a{color:#d9271c;font-weight:900}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-tile{height:180px;border-radius:24px;background:linear-gradient(135deg,rgba(0,0,0,.35),rgba(0,0,0,.65)),url('https://images.unsplash.com/photo-1564769625905-50e93615e769?auto=format&fit=crop&w=900&q=80') center/cover;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:20px}.media-tile:nth-child(2){background:linear-gradient(135deg,rgba(0,0,0,.35),rgba(0,0,0,.65)),url('https://images.unsplash.com/photo-1591608511733-3c6b46a4b8b1?auto=format&fit=crop&w=900&q=80') center/cover}.media-tile:nth-child(3){background:linear-gradient(135deg,rgba(0,0,0,.35),rgba(0,0,0,.65)),url('https://images.unsplash.com/photo-1584551246679-0daf3d275d0f?auto=format&fit=crop&w=900&q=80') center/cover}.phones{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.phones a{background:#f1f1f1;color:#1f1f23;border-radius:999px;padding:7px 10px;font-weight:800}.final-cta{padding:60px 0;background:#1f1f23}.final-card{background:#fff;border-radius:26px;padding:30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.final-card h2{margin:0 0 6px}.final-card p{margin:0;color:#666}footer{padding:36px 0;background:#fff}.footer-inner{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:24px}.footer-inner img{height:54px;object-fit:contain}.floating-call{position:fixed;bottom:22px;left:22px;background:#d9271c;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 28px rgba(217,39,28,.30);z-index:60}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:999;padding:18px}.modal.show{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}.modal-card{position:relative;background:#fff;border-radius:28px;padding:34px;max-width:460px;width:100%;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.35);animation:pop .22s ease}.modal-icon{width:76px;height:76px;border-radius:50%;background:#15803d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900;margin:0 auto 16px}.modal-card h3{font-size:28px;margin:0 0 10px}.modal-card p{color:#52525b;line-height:1.8;margin:0 0 22px}.modal-close{position:absolute;top:12px;left:14px;background:#f3f4f6;border:0;border-radius:50%;width:34px;height:34px;font-size:24px;cursor:pointer}@keyframes pop{from{transform:scale(.92);opacity:.4}to{transform:scale(1);opacity:1}}@media(max-width:900px){.nav{display:none}.hero-grid,.split{grid-template-columns:1fr}.hero h1{font-size:36px}.hero{padding:48px 0}.quran-box{font-size:21px}.cards,.location-grid,.media-grid{grid-template-columns:1fr}.two-cols{grid-template-columns:1fr}.final-card{flex-direction:column;text-align:center}.footer-inner{flex-direction:column;gap:14px}.topbar-inner{height:76px}.brand img{height:48px}.hotline-pill{font-size:13px;padding:9px 12px}.stats-card{grid-template-columns:1fr}.section{padding:58px 0}}
.floating-call svg{width:33px;height:33px;display:block}
.phone-row{display:grid;grid-template-columns:150px 1fr;gap:12px}
.media-grid a.media-tile{cursor:pointer;text-decoration:none;transition:.2s}
.media-grid a.media-tile:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.16)}
@media(max-width:900px){.phone-row{grid-template-columns:1fr}}

.page-hero{position:relative;padding:90px 0;background:linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,.58)),url('https://images.unsplash.com/photo-1584551246679-0daf3d275d0f?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;color:#fff;text-align:center}
.page-hero h1{font-size:44px;margin:0 0 12px}
.page-hero p{color:#f3f3f3;max-width:720px;margin:auto;font-size:18px;line-height:1.8}
.back-link{display:inline-flex;margin-bottom:22px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:9px 16px;border-radius:999px;font-weight:900}
.gallery-page{padding:70px 0;background:#f7f7f8}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gallery-card{height:230px;border-radius:24px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.10);position:relative;background:#222}
.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}
.gallery-card:hover img{transform:scale(1.05)}
.gallery-card span{position:absolute;right:14px;bottom:14px;background:rgba(0,0,0,.55);color:#fff;padding:8px 12px;border-radius:999px;font-weight:900}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.video-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.08)}
.video-card iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.video-card h3{margin:0;padding:14px 16px;font-size:17px}
@media(max-width:900px){.gallery-grid,.video-grid{grid-template-columns:1fr}.page-hero h1{font-size:32px}}

/* V4 refinements */
.floating-call{
  width:52px!important;
  height:52px!important;
  background:#d9271c!important;
  color:#fff!important;
  border:2px solid rgba(255,255,255,.85);
}
.floating-call .support-icon{
  width:29px;
  height:29px;
  display:block;
}
.country-field select,
.phone-field input{
  text-align:right;
  direction:rtl;
}
.country-field select{
  font-size:13px;
  line-height:1.4;
  padding-right:12px;
}
.phone-row{
  align-items:start;
}
.media-button{
  border:0;
  font-family:inherit;
}
.gallery-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:1200;
  padding:22px;
}
.gallery-modal.show{display:flex}
.gallery-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.76);
  backdrop-filter:blur(10px);
}
.gallery-viewer{
  position:relative;
  width:min(920px,94vw);
  background:#111;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 32px 90px rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.14);
}
.gallery-viewer img{
  width:100%;
  height:58vh;
  object-fit:cover;
  display:block;
  background:#222;
}
.gallery-close{
  position:absolute;
  top:14px;
  left:14px;
  z-index:3;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#111;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.gallery-nav{
  position:absolute;
  top:40%;
  transform:translateY(-50%);
  z-index:3;
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.90);
  color:#111;
  font-size:38px;
  line-height:1;
  cursor:pointer;
}
.gallery-prev{right:16px}
.gallery-next{left:16px}
.gallery-caption{
  color:#fff;
  padding:14px 18px 6px;
  font-weight:900;
  text-align:center;
}
.gallery-thumbs{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:12px 16px 18px;
  justify-content:center;
}
.gallery-thumbs button{
  width:82px;
  height:58px;
  padding:0;
  border:2px solid transparent;
  border-radius:12px;
  overflow:hidden;
  cursor:pointer;
  background:#222;
  flex:0 0 auto;
}
.gallery-thumbs button.active{
  border-color:#d9271c;
}
.gallery-thumbs img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
@media(max-width:700px){
  .gallery-viewer img{height:48vh}
  .gallery-nav{width:40px;height:40px;font-size:32px}
  .gallery-thumbs{justify-content:flex-start}
}

.page-hero{
  padding:42px 0!important;
  background:linear-gradient(135deg,#1f1f23,#34343a)!important;
}
.page-hero h1{font-size:32px!important}
.page-hero p{font-size:15px!important;max-width:640px}

.video-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:1300;
  padding:22px;
}
.video-modal.show{display:flex}
.video-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(10px);
}
.video-viewer{
  position:relative;
  width:min(980px,94vw);
  background:#111;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 32px 90px rgba(0,0,0,.48);
  border:1px solid rgba(255,255,255,.14);
}
.video-frame-wrap{
  width:100%;
  background:#000;
}
.video-frame-wrap iframe{
  width:100%;
  aspect-ratio:16/9;
  border:0;
  display:block;
}
.video-close{
  position:absolute;
  top:14px;
  left:14px;
  z-index:4;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#111;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.video-caption{
  color:#fff;
  padding:14px 18px 6px;
  font-weight:900;
  text-align:center;
}
.video-thumbs{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:12px 16px 18px;
  justify-content:flex-start;
}
.video-thumbs button{
  min-width:170px;
  height:96px;
  padding:0;
  border:2px solid transparent;
  border-radius:14px;
  overflow:hidden;
  cursor:pointer;
  background:#222;
  position:relative;
  flex:0 0 auto;
}
.video-thumbs button.active{
  border-color:#d9271c;
}
.video-thumbs img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.video-thumbs span{
  position:absolute;
  right:8px;
  bottom:8px;
  left:8px;
  background:rgba(0,0,0,.65);
  color:#fff;
  border-radius:999px;
  padding:5px 7px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.video-thumbs button::before{
  content:"▶";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:36px;
  height:36px;
  border-radius:50%;
  background:rgba(217,39,28,.92);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  z-index:2;
}

/* V6 Gallery & Video refinements */
.gallery-viewer{
  max-height:92vh;
  display:flex;
  flex-direction:column;
}
.gallery-viewer img#galleryImage{
  width:100%;
  height:min(58vh,560px);
  object-fit:contain!important;
  background:#0f0f11;
  cursor:zoom-in;
}
.gallery-thumbs{
  max-height:92px;
}
.gallery-thumbs button img{
  object-fit:cover!important;
}
.full-image-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:1500;
  background:rgba(0,0,0,.92);
  padding:18px;
}
.full-image-modal.show{display:flex}
.full-image-bg{position:absolute;inset:0}
.full-image-wrap{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.full-image-wrap img{
  max-width:96vw;
  max-height:88vh;
  object-fit:contain;
  border-radius:14px;
  box-shadow:0 26px 80px rgba(0,0,0,.55);
}
.full-image-back{
  position:absolute;
  top:12px;
  right:12px;
  z-index:3;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#111;
  padding:10px 18px;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
}
.video-viewer{
  width:min(920px,94vw)!important;
  max-height:92vh!important;
  display:flex;
  flex-direction:column;
}
.video-frame-wrap{
  flex:0 0 auto;
}
.video-frame-wrap iframe{
  max-height:58vh;
}
.video-thumbs{
  max-height:132px;
  overflow-x:auto;
  overflow-y:hidden;
  justify-content:flex-start!important;
  scroll-behavior:smooth;
}
.video-thumbs button{
  min-width:150px!important;
  width:150px!important;
  height:86px!important;
}
.video-caption{
  flex:0 0 auto;
}
@media(max-width:700px){
  .video-viewer{width:96vw!important}
  .video-thumbs button{min-width:132px!important;width:132px!important;height:76px!important}
  .video-frame-wrap iframe{max-height:46vh}
}

/* V7 polished media controls */
.gallery-viewer img#galleryImage{
  object-fit:cover!important;
  background:#111!important;
}
.gallery-close,
.video-close{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.32)!important;
  backdrop-filter:blur(12px);
  box-shadow:0 10px 28px rgba(0,0,0,.25);
  transition:.2s ease;
}
.gallery-close:hover,
.video-close:hover{
  background:rgba(217,39,28,.92)!important;
  transform:scale(1.04);
}
.gallery-nav,
.video-nav{
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.30)!important;
  backdrop-filter:blur(12px);
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  transition:.2s ease;
}
.gallery-nav:hover,
.video-nav:hover{
  background:rgba(217,39,28,.92)!important;
  transform:translateY(-50%) scale(1.04);
}
.video-nav{
  position:absolute;
  top:40%;
  transform:translateY(-50%);
  z-index:4;
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  font-size:38px;
  line-height:1;
  cursor:pointer;
}
.video-prev{right:16px}
.video-next{left:16px}
.full-image-back{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.32)!important;
  backdrop-filter:blur(12px);
}
.full-image-back:hover{background:rgba(217,39,28,.92)!important}

/* V8 unified glass controls */
.gallery-nav,
.video-nav,
.gallery-close,
.video-close{
  background: rgba(255,255,255,0.12)!important;
  border: 1px solid rgba(255,255,255,0.35)!important;
  backdrop-filter: blur(14px);
  color:#fff!important;
  box-shadow:0 10px 30px rgba(0,0,0,0.3);
}
.gallery-nav:hover,
.video-nav:hover,
.gallery-close:hover,
.video-close:hover{
  background: rgba(217,39,28,0.9)!important;
  transform:scale(1.05);
}

/* Glass form upgrade */
.form-card{
  background: rgba(255,255,255,0.08)!important;
  backdrop-filter: blur(18px);
  border:1px solid rgba(255,255,255,0.25);
  box-shadow:0 25px 60px rgba(0,0,0,0.4);
  color:#fff;
}
.form-header p,
.required-note{
  color:#ddd!important;
}
.field input,
.field select,
.field textarea{
  background: rgba(255,255,255,0.15)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,0.25)!important;
}
.field input::placeholder,
.field textarea::placeholder{
  color:#eee;
}

/* Controls refinement only */
.gallery-nav:hover,
.video-nav:hover,
.gallery-close:hover,
.video-close:hover{
  transform: scale(1.05);
}

.gallery-close,
.video-close{
  width:30px;
  height:30px;
  font-size:18px;
}

/* V10 final form note + media controls micro animation */
.required-note{
  font-size:10px!important;
  font-weight:600!important;
  opacity:.75!important;
  line-height:1.4!important;
  margin-top:6px!important;
}

/* Override previous hover movement for media controls */
.gallery-nav:hover,
.video-nav:hover{
  background:rgba(217,39,28,.90)!important;
  transform:translateY(-50%) translateY(-2px) scale(1.02)!important;
}

.gallery-close:hover,
.video-close:hover{
  background:rgba(217,39,28,.90)!important;
  transform:translateY(-1px) scale(1.02)!important;
}

/* Keep controls clickable and stable */
.gallery-nav,
.video-nav{
  will-change:transform;
}

body {
  font-family: 'IBM Plex Arabic', sans-serif;
}


/* Program cards update */
.program-cards{
  align-items:stretch;
}
.program-select-card{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.program-card-head{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.program-card-head h3{
  margin:0 0 6px!important;
}
.program-card-head p{
  margin:0;
  font-size:14px;
  color:#71717a;
  line-height:1.6;
}
.program-icon{
  width:48px;
  height:48px;
  border-radius:16px;
  background:rgba(217,39,28,.10);
  color:#d9271c;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  flex:0 0 auto;
}
.package-options{
  display:grid;
  gap:10px;
  margin-top:auto;
}
.package-options a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#f7f7f8;
  border:1px solid #eee;
  border-radius:14px;
  padding:11px 13px;
  color:#1f1f23!important;
  font-weight:900;
  transition:.2s ease;
}
.package-options a::after{
  content:"←";
  color:#d9271c;
  font-weight:900;
}
.package-options a:hover{
  border-color:#d9271c;
  background:#fff;
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(217,39,28,.10);
}
.service-card.featured .program-card-head p{
  color:#71717a;
}

/* Font rule: IBM Plex Arabic everywhere; only Quran verse keeps Amiri */
body, body *{
  font-family:'IBM Plex Arabic', sans-serif;
}
.quran-box,
.quran-box *,
[style*="Amiri"]{
  font-family:'Amiri', serif!important;
}

/* Fix select/text visibility in form */
.field select,
.field input,
.field textarea{
  color:#fff !important;
  background: rgba(255,255,255,0.18) !important;
}

.field select option{
  color:#000 !important;
  background:#fff !important;
}

/* Header hotline image replacement */
.hotline-image-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:48px;
  padding:0;
  border-radius:999px;
  transition:.2s ease;
}
.hotline-image-link img{
  height:46px;
  width:auto;
  display:block;
  object-fit:contain;
}
.hotline-image-link:hover{
  transform:translateY(-2px);
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.12));
}
@media(max-width:900px){
  .hotline-image-link{height:40px}
  .hotline-image-link img{height:38px}
}

/* V12 Media tiles upgrade: religious images + clear clickable action */
.media-grid{
  align-items:stretch;
}
.media-tile{
  position:relative;
  overflow:hidden;
  border:0;
  cursor:pointer;
  isolation:isolate;
  min-height:190px;
  flex-direction:column;
  gap:10px;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
  box-shadow:0 14px 34px rgba(0,0,0,.10);
}
.media-tile::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(0,0,0,.32),rgba(0,0,0,.76));
  z-index:-1;
}
.media-tile::after{
  content:"";
  position:absolute;
  inset:auto 18px 16px 18px;
  height:3px;
  border-radius:999px;
  background:#d9271c;
  transform:scaleX(.35);
  transform-origin:center;
  opacity:.85;
  transition:.22s ease;
}
.media-tile:hover{
  transform:translateY(-7px);
  box-shadow:0 26px 55px rgba(0,0,0,.20);
  filter:saturate(1.08);
}
.media-tile:hover::after{
  transform:scaleX(1);
}
.media-tile .media-icon{
  width:52px;
  height:52px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.26);
  backdrop-filter:blur(10px);
  font-size:24px;
  box-shadow:0 12px 28px rgba(0,0,0,.20);
  transition:.22s ease;
}
.media-tile:hover .media-icon{
  transform:scale(1.08) rotate(-2deg);
  background:rgba(217,39,28,.88);
}
.media-tile span:not(.media-icon){
  position:relative;
  z-index:2;
  font-size:21px;
  text-shadow:0 4px 14px rgba(0,0,0,.35);
}

/* Dedicated religious imagery per media tile */
.media-photo{
  background:
    linear-gradient(135deg,rgba(0,0,0,.25),rgba(0,0,0,.65)),
    url('https://images.unsplash.com/photo-1584551246679-0daf3d275d0f?auto=format&fit=crop&w=1200&q=80') center/cover!important;
}
.media-video{
  background:
    linear-gradient(135deg,rgba(0,0,0,.18),rgba(0,0,0,.62)),
    url('https://images.unsplash.com/photo-1564769625905-50e93615e769?auto=format&fit=crop&w=1000&q=85') center/cover!important;
}
.media-testimonials{
  background:
    linear-gradient(135deg,rgba(60,60,60,.35),rgba(20,20,20,.75)),
    url('https://images.unsplash.com/photo-1542816417-0983c9c9ad53?auto=format&fit=crop&w=1200&q=80') center/cover!important;
}

/* Small click hint */
.media-tile span:not(.media-icon)::after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  background:rgba(255,255,255,.88);
  margin:8px auto 0;
  border-radius:999px;
  transition:.22s ease;
}
.media-tile:hover span:not(.media-icon)::after{
  width:72px;
  background:#fff;
}

/* V15 client refinements */

/* Confirm font: IBM Plex Sans Arabic across website except Quran verse */
body, body *{
  font-family:'IBM Plex Arabic','IBM Plex Sans Arabic',sans-serif;
}
.quran-box,
.quran-box *{
  font-family:'Amiri',serif!important;
}

/* About refined: bigger text, less visual clutter */
.about-refined{
  background:#fff;
}
.about-copy-wide{
  max-width:980px;
  margin:0 auto;
  text-align:right;
}
.about-copy-wide h3{
  font-size:34px;
  line-height:1.35;
  margin:0 0 18px;
  color:#1f1f23;
}
.about-copy-wide p{
  font-size:19px;
  line-height:2.05;
  color:#44444b;
  margin:0 0 15px;
}
.mini-stats{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}
.mini-stats div{
  min-width:130px;
  background:#f7f7f8;
  border:1px solid #eeeeef;
  border-radius:18px;
  padding:12px 16px;
  display:flex;
  align-items:center;
  gap:8px;
}
.mini-stats strong{
  color:#d9271c;
  font-size:20px;
  line-height:1;
}
.mini-stats span{
  color:#52525b;
  font-size:13px;
  font-weight:800;
}

/* Lighter programs design */
.programs-light-section .section-title p{
  margin:6px auto 0;
  color:#71717a;
  font-size:16px;
  line-height:1.7;
}
.programs-light-grid{
  display:grid;
  grid-template-columns:1fr 1fr .9fr;
  gap:16px;
  align-items:stretch;
}
.program-light-card{
  background:#fff;
  border:1px solid #eeeeef;
  border-radius:24px;
  padding:22px;
  box-shadow:0 10px 26px rgba(0,0,0,.045);
  transition:.22s ease;
}
.program-light-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 38px rgba(0,0,0,.08);
  border-color:rgba(217,39,28,.24);
}
.program-light-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}
.program-light-head span{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(217,39,28,.09);
  color:#d9271c;
  font-size:21px;
}
.program-light-head h3{
  margin:0;
  font-size:23px;
  color:#1f1f23;
}
.program-light-options{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
.program-light-options a,
.light-main-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:9px 14px;
  background:#f7f7f8;
  border:1px solid #ececef;
  color:#1f1f23!important;
  font-weight:900;
  font-size:14px;
  transition:.2s ease;
}
.program-light-options a:hover,
.light-main-action:hover{
  background:#d9271c;
  color:#fff!important;
  border-color:#d9271c;
  transform:translateY(-2px);
}
.contact-light-card p{
  color:#666;
  font-size:15px;
  line-height:1.7;
  margin:0 0 14px;
}
@media(max-width:900px){
  .about-copy-wide h3{font-size:28px}
  .about-copy-wide p{font-size:17px}
  .programs-light-grid{grid-template-columns:1fr}
  .mini-stats{display:grid;grid-template-columns:1fr}
}

/* Final numbers ordering: featured main contact */
.featured-phone{
  margin-top:16px;
  padding:16px;
  border-radius:20px;
  background:linear-gradient(135deg,rgba(217,39,28,.10),rgba(217,39,28,.04));
  border:1px solid rgba(217,39,28,.22);
  text-align:center;
}
.featured-phone span{
  display:block;
  color:#71717a;
  font-size:12px;
  font-weight:900;
  margin-bottom:6px;
}
.featured-phone a{
  display:inline-flex;
  color:#d9271c;
  font-size:28px;
  font-weight:900;
  line-height:1;
  letter-spacing:.5px;
}
.secondary-phones{
  justify-content:center;
  margin-top:12px;
}
.secondary-phones a{
  font-size:13px;
  opacity:.92;
}
@media(max-width:700px){
  .featured-phone a{font-size:23px}
}

/* V19 Cinematic real Kaaba hero background */
.hero{
  background:
    linear-gradient(135deg, rgba(0,0,0,0.48), rgba(0,0,0,0.78)),
    url('assets/kaaba-cinematic-hero.jpg') center/cover no-repeat!important;
  background-size:cover;
  animation:heroCinematicZoom 22s ease-in-out infinite alternate;
}

@keyframes heroCinematicZoom{
  0%{background-size:100%}
  100%{background-size:108%}
}

/* V20 security fields */
.hp-field{
  position:absolute!important;
  left:-99999px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* V21 SEO accessible helper content */
.seo-assist-content{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

/* V22 branch phone cleanup: main number highlighted without text label */
.branch-main-phones{
  justify-content:center;
  gap:8px;
  margin-top:16px;
}
.branch-main-phones .main-highlight-phone{
  background:linear-gradient(135deg,rgba(217,39,28,.14),rgba(217,39,28,.06));
  color:#d9271c;
  border:1px solid rgba(217,39,28,.30);
  box-shadow:0 8px 18px rgba(217,39,28,.10);
  font-weight:900;
}
.branch-main-phones .main-highlight-phone:hover{
  background:#d9271c;
  color:#fff;
}