@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/tajawal/tajawal-ar-400.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/tajawal/tajawal-lat-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/tajawal/tajawal-ar-500.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/tajawal/tajawal-lat-500.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/tajawal/tajawal-ar-700.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/tajawal/tajawal-lat-700.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* ==========================================================================
   Home page - modern refresh.  Everything is scoped to .home-modern so no other
   page is affected.  To roll back: remove the <link> to this file in template.php.
   ========================================================================== */
.home-modern{
  --hm-purple:#561d5a; --hm-purple-dark:#3d1340; --hm-green:#5daf98; --hm-ink:#241a27; --hm-mute:#6b6270;
  --hm-radius:14px; --hm-shadow:0 6px 24px rgba(48,16,52,.10); --hm-shadow-hover:0 12px 32px rgba(48,16,52,.18);
  margin-left:0; margin-right:0; overflow-x:hidden;
}
.home-modern, .home-modern *:not(.fa):not([class*="fa-"]){ font-family:'Tajawal','DroidKufi','Poppins',sans-serif; }
.home-modern .home_col_right{ padding-left:0; padding-right:0; }

/* ---------- hero ---------- */
.home-modern .main-slider .carousel-inner .item{ height:clamp(320px,46vw,620px); background:var(--hm-purple-dark); }
.home-modern .main-slider .item img{ width:100%; height:100%; object-fit:cover; object-position:50% 28%; }
.home-modern .main-slider .item:after{ display:block; background:linear-gradient(180deg,rgba(20,6,24,0) 35%,rgba(20,6,24,.86) 100%); }
.home-modern .main-slider .slider-content{ top:auto; bottom:0; margin-top:0; height:auto; padding:0 6% 6%; z-index:6; }
.home-modern .main-slider .item .slider-content{ z-index:6; }
.home-modern .main-slider .slider-content h2{ background:none; padding:0; width:100%; max-width:900px; text-align:start; font-size:clamp(20px,3vw,40px); line-height:1.35; font-weight:700; text-shadow:0 2px 12px rgba(0,0,0,.35); }
.home-modern .main-slider .slider-content h2 span{ background:none !important; padding:0 !important; display:inline; box-shadow:none !important; color:#fff; }
.home-modern .main-slider .slider-content p{ position:static; margin:14px 0 0; padding:0; }
.home-modern .main-slider .slider-btn{ margin:0; background:var(--hm-green); border:0; border-radius:999px; padding:10px 28px; font-weight:700; font-size:16px; color:#fff; }
.home-modern .main-slider .slider-btn:hover{ background:#fff; color:var(--hm-purple); }

/* ---------- announcements strip (replaces the old left column) ---------- */
.home-modern .home-ads{ background:#f7f3f8; padding:22px 4%; }
.home-modern .home-ads-inner{ display:flex; gap:18px; justify-content:center; flex-wrap:wrap; max-width:1200px; margin:0 auto; }
.home-modern .home-ad{ flex:1 1 260px; max-width:380px; height:170px; background:#fff; border-radius:var(--hm-radius); overflow:hidden; box-shadow:var(--hm-shadow); display:block; transition:transform .25s, box-shadow .25s; }
.home-modern .home-ad:hover{ transform:translateY(-3px); box-shadow:var(--hm-shadow-hover); }
.home-modern .home-ad img{ width:100%; height:100%; object-fit:cover; object-position:50% 15%; display:block; }

/* ---------- news cards ---------- */
.home-modern .recent-blog.section{ padding:48px 4% 36px; }
.home-modern .recent-blog .container{ max-width:1240px; width:100%; margin:0 auto; padding:0; }
.home-modern .blog_section{ margin-top:0; display:flex; flex-wrap:wrap; }
.home-modern .blog_section:before, .home-modern .blog_section:after{ display:none; }
.home-modern .blog_section .padding_10{ display:flex; padding:0 12px; margin-bottom:24px; }
.home-modern .blog_section .blog-content{ width:100%; margin:0; background:#fff; border-radius:var(--hm-radius); overflow:hidden; box-shadow:var(--hm-shadow); transition:transform .25s, box-shadow .25s; display:flex; flex-direction:column; }
.home-modern .blog_section .blog-content:hover{ transform:translateY(-4px); box-shadow:var(--hm-shadow-hover); }
.home-modern .blog_section .blog-feature{ display:flex; flex-direction:column; height:100%; position:relative; }
.home-modern .blog_section .blog-feature > a{ display:block; overflow:hidden; order:1; }
.home-modern .blog_section .blog-content .news_image{ height:auto; aspect-ratio:16/10; width:100%; object-fit:cover; object-position:50% 28%; transition:transform .5s; display:block; }
.home-modern .blog_section .blog-content:hover .news_image{ transform:scale(1.05); }
.home-modern .blog_section .news-cats-over{ top:12px !important; inset-inline-start:12px; inset-inline-end:auto; right:auto !important; left:auto !important; background:none; z-index:3; }
.home-modern .blog_section .news-cats-over a{ width:auto; display:inline-block; background:rgba(86,29,90,.92); color:#fff; padding:4px 12px; border-radius:999px; font-size:13px; line-height:1.5; margin:0 0 4px 4px; }
.home-modern .blog_section .news-cats-over a:hover{ background:var(--hm-green); }
.home-modern .blog_section .posted-by{ position:static; left:auto; right:auto; background:none; order:2; padding:0; }
.home-modern .blog_section .posted-details{ padding:16px 18px 20px; }
.home-modern .blog_section .post-title{ text-align:start; margin:0; }
.home-modern .blog_section .post-title h4{ height:auto; min-height:0; margin:0; font-size:17px; line-height:1.6; font-weight:700; color:var(--hm-ink); text-align:start;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.home-modern .blog_section .post-title h4 .tableM, .home-modern .blog_section .post-title h4 .tableCellM{ display:inline; }
.home-modern .blog_section .post-title a:hover h4{ color:var(--hm-purple); }
.home-modern .view_all_news{ text-align:center; margin:12px 0 0; }
.home-modern .view_all_news a{ background:var(--hm-purple); border-radius:999px; padding:12px 44px; font-size:16px; font-weight:700; }
.home-modern .view_all_news a:hover{ background:var(--hm-green); }

/* ---------- video ---------- */
.home-modern .vid{ padding:56px 4%; background:linear-gradient(135deg,#2a0d2d,#561d5a) !important; }
.home-modern .vid.page-bg:after, .home-modern .vid:after{ display:none; }
.home-modern .vid .container{ max-width:1200px; width:100%; }
.home-modern .iframe_video_home{ border-radius:var(--hm-radius); overflow:hidden; box-shadow:0 12px 36px rgba(0,0,0,.35); background:#000; }
.home-modern .iframe_video_home iframe{ display:block; width:100%; height:auto; aspect-ratio:16/9; resize:none; }
.home-modern .youtube_thumb{ display:block; padding:0; margin:0; background:none; list-style:none; }
.home-modern .youtube_thumb li{ border-radius:10px; overflow:hidden; margin-bottom:12px; opacity:.75; transition:opacity .2s; }
.home-modern .youtube_thumb li:hover, .home-modern .youtube_thumb li.active{ opacity:1; }
.home-modern .youtube_thumb li img{ width:100%; display:block; }

/* ---------- message + counters ---------- */
.home-modern .our-goal.section{ padding:60px 4%; }
.home-modern .our-goal .container{ max-width:1200px; width:100%; }
.home-modern .pro-item{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:var(--hm-radius); padding:22px 12px; margin-bottom:16px; text-align:center; }
.home-modern .pro-item .counter{ font-size:clamp(28px,3.4vw,42px); font-weight:700; margin:0 0 6px; color:#fff; font-variant-numeric:tabular-nums; }
.home-modern .pro-item .achievement{ font-size:16px; font-weight:500; margin:0; color:rgba(255,255,255,.88); min-height:0; }
.home-modern .our-goal .section-heading .title{ font-weight:700; }
.home-modern .btn-success.yellow{ border-radius:999px; padding:8px 26px; }

/* ---------- success stories ---------- */
.home-modern .testimonial.section{ padding:56px 4%; }
.home-modern .testimonial .section-heading .title{ font-size:clamp(24px,3vw,34px); font-weight:700; color:var(--hm-ink); }
.home-modern .testi-img img{ border-radius:50%; object-fit:cover; }

/* ---------- partners ---------- */
.home-modern .our-client{ padding:56px 4%; }
.home-modern .our-client .logo-each{ background:#fff; border-radius:12px; padding:14px; display:flex; align-items:center; justify-content:center; }
.home-modern .our-client .logo-each img{ max-height:90px; width:auto; max-width:100%; object-fit:contain; }

/* ---------- tablet & phone ---------- */
@media (max-width: 991px){
  .home-modern .blog_section .padding_10{ width:50%; }
}
@media (max-width: 767px){
  .home-modern .main-slider .carousel-inner .item{ height:clamp(260px,72vw,420px); }
  .home-modern .main-slider .slider-content{ padding:0 5% 14%; }
  .home-modern .main-slider .slider-content p.slide-para{ display:none; }
  .home-modern .home-ads{ padding:16px 0; }
  .home-modern .home-ads-inner{ flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding:0 4% 6px; scrollbar-width:none; }
  .home-modern .home-ads-inner::-webkit-scrollbar{ display:none; }
  .home-modern .home-ad{ flex:0 0 78%; max-width:78%; height:150px; scroll-snap-align:center; }
  /* news: horizontal swipe row instead of nine cards stacked */
  .home-modern .recent-blog.section{ padding:28px 0 24px !important; }
  .home-modern .blog_section{ flex-wrap:nowrap; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding:4px 4% 22px; scrollbar-width:none; margin-left:0; margin-right:0; }
  .home-modern .blog_section::-webkit-scrollbar{ display:none; }
  .home-modern .blog_section .padding_10{ flex:0 0 80%; width:80%; max-width:80%; scroll-snap-align:center; padding:0 8px; margin-bottom:0; }
  .home-modern .view_all_news{ margin-top:0; }
  .home-modern .vid{ padding:32px 4%; }
  .home-modern .youtube_thumb{ display:flex; gap:10px; overflow-x:auto; margin-top:14px; }
  .home-modern .youtube_thumb li{ flex:0 0 46%; margin:0; }
  .home-modern .our-goal.section, .home-modern .testimonial.section, .home-modern .our-client{ padding-top:36px; padding-bottom:36px; }
}


/* ---------- quick actions (donate / volunteer / enroll) ---------- */
.home-modern .home-quick{ position:relative; z-index:8; padding:0 4%; margin-top:-46px; }
.home-modern .home-quick-inner{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:1100px; margin:0 auto; }
.home-modern .home-qa{ display:flex; align-items:center; gap:14px; padding:18px 20px; border-radius:var(--hm-radius); background:#fff; color:var(--hm-ink) !important; text-decoration:none !important; box-shadow:0 10px 30px rgba(48,16,52,.18); transition:transform .25s, box-shadow .25s; }
.home-modern .home-qa:hover{ transform:translateY(-4px); box-shadow:0 16px 38px rgba(48,16,52,.26); }
.home-modern .home-qa-icon{ flex:0 0 52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; color:#fff; background:var(--hm-purple); }
.home-modern .home-qa-text{ display:flex; flex-direction:column; line-height:1.4; min-width:0; }
.home-modern .home-qa-text strong{ font-size:19px; font-weight:700; }
.home-modern .home-qa-text small{ font-size:14px; color:var(--hm-mute); }
.home-modern .qa-donate{ background:#e0457b; }
.home-modern .qa-donate .home-qa-icon{ background:rgba(255,255,255,.22); }
.home-modern .qa-donate .home-qa-text strong, .home-modern .qa-donate .home-qa-text small{ color:#fff; }
.home-modern .qa-volunteer .home-qa-icon{ background:var(--hm-green); }

/* ---------- our services ---------- */
.home-modern .home-section-head{ text-align:center; margin-bottom:28px; }
.home-modern .home-section-head h2{ font-size:clamp(24px,3vw,34px); font-weight:700; color:var(--hm-ink); margin:0 0 8px; }
.home-modern .home-section-head p{ color:var(--hm-mute); font-size:16px; margin:0; }
.home-modern .home-services{ padding:64px 4% 28px; }
.home-modern .home-services-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:16px; max-width:1200px; margin:0 auto; }
.home-modern .home-svc{ display:flex; flex-direction:column; align-items:center; gap:12px; padding:24px 12px; border-radius:var(--hm-radius); background:#fff; border:1px solid #eee6f0; text-align:center; color:var(--hm-ink) !important; text-decoration:none !important; transition:transform .25s, box-shadow .25s, border-color .25s; }
.home-modern .home-svc:hover{ transform:translateY(-4px); box-shadow:var(--hm-shadow-hover); border-color:var(--hm-purple); }
.home-modern .home-svc-icon{ width:60px; height:60px; border-radius:16px; display:flex; align-items:center; justify-content:center; font-size:26px; color:var(--hm-purple); background:#f3ebf5; transition:background .25s, color .25s; }
.home-modern .home-svc:hover .home-svc-icon{ background:var(--hm-purple); color:#fff; }
.home-modern .home-svc-title{ font-size:16px; font-weight:700; line-height:1.45; }

@media (max-width: 767px){
  .home-modern .home-quick{ margin-top:-30px; padding:0 4%; }
  .home-modern .home-quick-inner{ grid-template-columns:1fr; gap:10px; }
  .home-modern .home-qa{ padding:12px 16px; }
  .home-modern .home-qa-icon{ flex-basis:44px; height:44px; font-size:19px; }
  .home-modern .home-qa-text strong{ font-size:17px; }
  .home-modern .home-services{ padding:40px 4% 8px; }
  .home-modern .home-services-grid{ grid-template-columns:repeat(2,1fr); gap:10px; }
  .home-modern .home-svc{ padding:16px 8px; gap:8px; }
  .home-modern .home-svc-icon{ width:48px; height:48px; font-size:21px; }
  .home-modern .home-svc-title{ font-size:14px; }
}

/* no "message of the month" published: an "about us" block (text from the site settings) sits next to the counters */
.home-modern .home-about{ color:#fff; padding:6px 0; }
.home-modern .home-about-eyebrow{ display:inline-block; font-size:14px; font-weight:700; letter-spacing:.5px; color:#d8f3ea; background:rgba(93,175,152,.25); border:1px solid rgba(93,175,152,.6); padding:4px 14px; border-radius:999px; margin-bottom:14px; }
.home-modern .home-about h2{ font-size:clamp(24px,2.8vw,36px); line-height:1.4; font-weight:700; margin:0 0 14px; color:#fff; }
.home-modern .home-about p{ font-size:16px; line-height:1.9; color:rgba(255,255,255,.85); margin:0 0 22px; max-width:560px; }
.home-modern .home-about-btns{ display:flex; gap:12px; flex-wrap:wrap; }
.home-modern .home-about-btn{ display:inline-block; padding:11px 28px; border-radius:999px; font-weight:700; font-size:16px; text-decoration:none !important; transition:background .2s, color .2s, transform .2s; }
.home-modern .home-about-btn.primary{ background:#5daf98; color:#fff !important; }
.home-modern .home-about-btn.primary:hover{ background:#fff; color:var(--hm-purple) !important; transform:translateY(-2px); }
.home-modern .home-about-btn.ghost{ border:2px solid rgba(255,255,255,.7); color:#fff !important; }
.home-modern .home-about-btn.ghost .fa{ color:#ff8fb3; }
.home-modern .home-about-btn.ghost:hover{ background:#e0457b; border-color:#e0457b; transform:translateY(-2px); }
.home-modern .our-goal .pro-item{ border-top:3px solid #5daf98; }
@media (max-width: 991px){ .home-modern .home-about{ margin-bottom:28px; text-align:start; } }
@media (min-width: 992px){ .home-modern .our-goal .container > .row{ display:flex; align-items:center; } .home-modern .our-goal .container > .row:before, .home-modern .our-goal .container > .row:after{ display:none; } }

/* three counters: one row of three instead of 2 + 1 */
.home-modern .projects.projects-n3{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.home-modern .projects.projects-n3 > .row{ display:contents; }
.home-modern .projects.projects-n3 > .row:before, .home-modern .projects.projects-n3 > .row:after{ display:none; }
.home-modern .projects.projects-n3 .col-xs-6{ width:auto; float:none; padding:0; }
.home-modern .projects.projects-n3 .pro-item{ margin-bottom:0; height:100%; }
@media (max-width:480px){ .home-modern .projects.projects-n3{ grid-template-columns:1fr; } }