:root{--p:#12351F;--pl:#1F5634;--pd:#0A2113;--g:#B98A3A;--gl:#D6B064;--cream:#F8F5EC;--soft:#EEF7F1;--txt:#111827;--mut:#667085;--bd:rgba(18,53,31,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Almarai,sans-serif;line-height:1.75;letter-spacing:.1px;color:var(--txt);background:radial-gradient(circle at 20% 0,rgba(31,86,52,.1),transparent 40%),radial-gradient(circle at 80% 10%,rgba(185,138,58,.12),transparent 40%),var(--cream)}
.container{width:min(1180px,92%);margin:auto}.section{padding:74px 0}.alt{background:#fff8}.dark{background:var(--pd);color:#fff}.islamic-pattern{background-color:#12351F;background-image:radial-gradient(circle at 100% 150%, #12351F 24%, #1f5634 25%, #1f5634 28%, #12351F 29%, #12351F 36%, #1f5634 36%, #1f5634 40%, transparent 40%, transparent),radial-gradient(circle at 0 150%, #12351F 24%, #1f5634 25%, #1f5634 28%, #12351F 29%, #12351F 36%, #1f5634 36%, #1f5634 40%, transparent 40%, transparent),radial-gradient(circle at 50% 100%, #1f5634 10%, #12351F 11%, #12351F 23%, #1f5634 24%, #1f5634 30%, #12351F 31%, #12351F 43%, #1f5634 44%, #1f5634 50%, transparent 50%, transparent);background-size:80px 40px}
.islamic-pattern-light{background-color:#f8f5ec;background-image:radial-gradient(circle at 100% 150%, #f8f5ec 24%, rgba(185,138,58,.05) 25%, rgba(185,138,58,.05) 28%, #f8f5ec 29%, #f8f5ec 36%, rgba(185,138,58,.05) 36%, rgba(185,138,58,.05) 40%, transparent 40%, transparent),radial-gradient(circle at 0 150%, #f8f5ec 24%, rgba(185,138,58,.05) 25%, rgba(185,138,58,.05) 28%, #f8f5ec 29%, #f8f5ec 36%, rgba(185,138,58,.05) 36%, rgba(185,138,58,.05) 40%, transparent 40%, transparent),radial-gradient(circle at 50% 100%, rgba(185,138,58,.05) 10%, #f8f5ec 11%, #f8f5ec 23%, rgba(185,138,58,.05) 24%, rgba(185,138,58,.05) 30%, #f8f5ec 31%, #f8f5ec 43%, rgba(185,138,58,.05) 44%, rgba(185,138,58,.05) 50%, transparent 50%, transparent);background-size:80px 40px}
.navbar{position:sticky;top:0;z-index:70;background:#fffffff0;border-bottom:1px solid var(--bd);backdrop-filter:blur(8px)}.nav-wrap{display:flex;align-items:center;gap:14px;min-height:82px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.logo{width:62px;height:62px;object-fit:contain;border-radius:14px;background:#fff}.brand strong{display:block;font-weight:900}.brand small{display:block;font-size:11px;color:var(--mut)}.desktop-nav{display:flex;gap:14px;margin-inline:auto}.desktop-nav a{text-decoration:none;color:#475467;font-weight:800;font-size:14px}.desktop-nav a:hover{color:var(--p)}
.cta-desktop{white-space:nowrap;font-size:13px;font-weight:300;padding:10px 14px}.menu-btn{display:none;border:1px solid var(--bd);background:#fff;padding:8px 12px;border-radius:10px}.mobile-nav{display:none;padding:12px;border-top:1px solid var(--bd);background:#fff}.mobile-nav.open{display:grid;gap:8px}.mobile-nav a{text-decoration:none;color:var(--p);font-weight:800}.mobile-nav .btn{font-weight:300;font-size:13px;padding:10px 14px}.mobile-nav a.btn,.mobile-nav a.btn-primary{color:#fff !important}
.hero h1{font-size:40px;line-height:1.28;margin:10px 0}.hero-accent{display:inline-block;background:linear-gradient(135deg,var(--g),var(--gl),#f0d28f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 24px rgba(185,138,58,.22)}.pill{display:inline-block;padding:8px 12px;border-radius:999px;background:var(--soft);border:1px solid var(--bd);font-size:13px;font-weight:800;color:var(--p)}.subline{font-weight:800;color:var(--p)}.lead{line-height:1.9;color:#475467}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px}.visual{position:relative;min-height:360px;border-radius:28px;background:radial-gradient(circle,rgba(185,138,58,.18),transparent 62%)}.arch{position:absolute;inset:20% 15%;border:7px solid var(--p);border-bottom:0;border-radius:260px 260px 0 0}.book{position:absolute;bottom:70px;left:17%;right:17%;height:78px;border:6px solid var(--p);border-radius:10px;transform:skewY(-4deg)}.diamond{position:absolute;top:42px;left:50%;transform:translateX(-50%) rotate(45deg);width:22px;height:22px;background:var(--g)}
.float{position:absolute;background:#fff;padding:7px 10px;border-radius:12px;border:1px solid var(--bd);font-size:12px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.08);animation:float 4s ease-in-out infinite}.a{top:72px;right:8%}.b{top:124px;left:8%}.c{bottom:86px;right:11%}.d{bottom:28px;left:12%}
@keyframes float{50%{transform:translateY(-8px)}}
.proof{padding:24px 0;background:var(--pd);color:#fff;border-top:2px solid var(--g);border-bottom:2px solid var(--g)}.badges{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.badges span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(185,138,58,.35);font-size:12px;font-weight:800}
h2{font-size:clamp(28px,3.2vw,42px);margin:0 0 10px;color:var(--pd)}.dark h2{color:#fff}.desc{color:#475467;line-height:1.8}.dark .desc{color:#d8d8d8}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:#fff;border:1px solid var(--bd);border-radius:24px;padding:22px;box-shadow:0 10px 34px rgba(18,53,31,.08)}.green{background:linear-gradient(180deg,#12351f,#0e2818);color:#fff}.green h3,.green p,.green li{color:#fff}
ul{padding:0;margin:0;list-style:none;display:grid;gap:10px}.grid{display:grid;gap:16px}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-5{grid-template-columns:repeat(5,1fr)}
.item{transition:.25s}.item:hover{transform:translateY(-5px)}
.services-modern .services-head{text-align:center;max-width:920px;margin:0 auto 34px}
.services-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:#e8f2ed;border:1px solid #bfd6c8;color:#134029;font-weight:800;font-size:15px}
.services-modern .services-head h2{margin:12px 0 8px}
.services-modern .services-head .desc{max-width:840px;margin:0 auto}
.services-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}
.services-divider span{width:68px;height:3px;background:#b98a3a;border-radius:99px}
.services-divider i{width:12px;height:12px;background:#b98a3a;transform:rotate(45deg);display:block;border-radius:2px}
.services-grid{gap:22px}
.service-card{background:#fff;border:1px solid #dce4df;border-radius:24px;padding:18px 18px 14px;box-shadow:0 14px 30px rgba(18,53,31,.06);transition:.28s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}
.service-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#b98a3a,transparent);opacity:0;transition:.28s}
.service-card:hover{transform:translateY(-5px);border-color:#b7d7c3;box-shadow:0 18px 34px rgba(18,53,31,.12);background:linear-gradient(180deg,#fff,#fbfdfc)}
.service-card:hover::before{opacity:1}
.service-top{display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px}
.service-num{font-size:40px;font-weight:900;color:#e6eaed;line-height:1}
.service-card h3{margin:6px 0 10px;font-size:20px;line-height:1.4;color:#0e2b1a}
.service-card p{margin:0;color:#667085;line-height:1.8;font-size:15px;flex-grow:1}
.service-foot{margin-top:auto;padding-top:12px;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-start}
.service-foot .go{font-size:15px;color:#12351f;font-weight:300;text-decoration:none;transition:.2s}
.service-card:hover .service-foot .go{color:#0b5a31;transform:translateX(-2px)}
.feature-modern{background:#f7f8f9}
.features-head{text-align:center;max-width:900px;margin:0 auto 34px}
.features-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:#edf4ef;border:1px solid #c9ddcf;color:#134029;font-weight:800;font-size:15px}
.features-head h2{margin:12px 0 8px}
.features-head .desc{max-width:820px;margin:0 auto}
.features-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}
.features-divider span{width:54px;height:3px;background:#b98a3a;border-radius:99px}
.features-divider i{width:10px;height:10px;background:#b98a3a;display:block;transform:rotate(45deg);border-radius:2px}
.features-grid{gap:22px}
.feature-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:22px;padding:20px;box-shadow:0 10px 24px rgba(18,53,31,.05);display:flex;flex-direction:column;min-height:330px;transition:.28s}
.feature-card:hover{transform:translateY(-6px);border-color:#c9ddcf;box-shadow:0 16px 30px rgba(18,53,31,.1);background:#fff}
.feature-icon{width:46px;height:46px;border-radius:50%;background:#f3f0ea;border:1px solid #e7dfd0;display:grid;place-items:center;font-size:20px;align-self:flex-start;margin-bottom:14px}
.feature-card h3{margin:0 0 10px;color:#0f2c1b;font-size:19px;line-height:1.45}
.feature-card p{margin:0;color:#667085;font-size:15px;line-height:1.85;flex-grow:1}
.feature-foot{margin-top:14px;color:#b98a3a;font-size:14px;font-weight:800}
.package-modern{background:#f4f1ec}
.packages-head{text-align:center;max-width:920px;margin:0 auto 34px}
.packages-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:#edf4ef;border:1px solid #c9ddcf;color:#134029;font-weight:800;font-size:15px}
.packages-head h2{margin:12px 0 8px}
.packages-head .desc{max-width:840px;margin:0 auto}
.packages-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}
.packages-divider span{width:54px;height:3px;background:#b98a3a;border-radius:99px}
.packages-divider i{width:10px;height:10px;background:#b98a3a;display:block;transform:rotate(45deg);border-radius:2px}
.packages-grid{gap:20px}
.package-card{position:relative;background:#f9fafb;border:1px solid #d9dfdb;border-radius:16px;padding:16px;min-height:488px;box-shadow:0 8px 18px rgba(18,53,31,.07);transition:.28s;display:flex;flex-direction:column}
.package-card:hover{transform:translateY(-5px);box-shadow:0 16px 28px rgba(18,53,31,.12);border-color:#bfcfc6}
.package-card.is-popular{border-color:#b98a3a;box-shadow:0 16px 30px rgba(185,138,58,.18)}
.pkg-badge{position:absolute;top:8px;right:8px;background:#e8f2ed;border:1px solid #c9ddcf;color:#2b5a3f;font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px}
.package-card.is-popular .pkg-badge{background:#b98a3a;color:#fff;border-color:#b98a3a}
.pkg-top{display:flex;align-items:center;justify-content:space-between;padding-top:22px;margin-bottom:10px}
.pkg-sub{display:block;font-size:10px;color:#b98a3a;font-weight:800;margin-bottom:2px}
.pkg-top h3{margin:0;font-size:24px;color:#113620}
.pkg-icon{width:40px;height:40px;border-radius:12px;background:#eef3ef;display:grid;place-items:center;font-size:20px}
.pkg-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f3f5f4;border:1px solid #e2e6e3;border-radius:10px;padding:8px;margin-bottom:8px}
.pkg-stats small{display:block;color:#475467;font-size:10px;font-weight:700}
.pkg-stats strong{display:block;color:#122d1b;font-size:20px}
.pkg-list{list-style:none;padding:0;margin:14px 0 16px;display:grid;gap:12px;flex-grow:1;align-content:start}
.pkg-list li{font-size:14px;color:#5f6f86;line-height:1.9;position:relative;padding-right:18px;text-align:center}
.pkg-list li::before{content:"✓";position:absolute;right:0;top:0;color:#b98a3a;font-weight:900}
.pkg-contact{margin-top:auto;background:#eef1f2;border:1px solid #e2e7e9;border-radius:10px;padding:7px;text-align:center}
.pkg-contact small{display:block;font-size:10px;color:#6b7280}
.pkg-contact strong{display:block;font-size:12px;color:#122d1b}
.pkg-actions{margin-top:8px;display:grid;gap:6px}
.pkg-btn{display:inline-flex;justify-content:center;align-items:center;padding:9px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:800}
.pkg-btn.ghost{background:#edf1f3;color:#153525;border:1px solid #dde3e6}
.pkg-btn.solid{background:#0e4d2a;color:#fff;border:1px solid #0e4d2a}
.package-card.is-popular .pkg-btn.solid{background:#b98a3a;border-color:#b98a3a;color:#fff}
.offers-modern{background:
  radial-gradient(circle at 20% 20%, rgba(9,90,46,.45), transparent 36%),
  radial-gradient(circle at 80% 15%, rgba(13,71,42,.35), transparent 34%),
  radial-gradient(circle at 50% 80%, rgba(4,42,24,.55), transparent 40%),
  #021e12;border-top:1px solid rgba(185,138,58,.25);border-bottom:1px solid rgba(185,138,58,.25)}
.offers-head{text-align:center;max-width:880px;margin:0 auto 28px}
.offers-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:rgba(185,138,58,.16);border:1px solid rgba(185,138,58,.35);color:#e8cd9a;font-weight:800;font-size:13px}
.offers-head h2{margin:10px 0 8px;color:#fff;font-size:40px;line-height:1.3}
.offers-head .desc{max-width:760px;margin:0 auto;color:#d0d7d3;font-size:14px}
.offers-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}
.offers-divider span{width:54px;height:3px;background:#b98a3a;border-radius:99px}
.offers-divider i{width:10px;height:10px;background:#b98a3a;display:block;transform:rotate(45deg);border-radius:2px}
.offers-grid{gap:16px}
.offer-card{background:linear-gradient(180deg,rgba(7,60,35,.9),rgba(5,47,28,.95));border:1px solid rgba(185,138,58,.35);border-radius:18px;padding:13px;box-shadow:0 16px 34px rgba(0,0,0,.26);display:flex;flex-direction:column;min-height:360px;transition:.28s}
.offer-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(0,0,0,.35);border-color:rgba(214,176,100,.75)}
.offer-card.is-best{border-color:#d6b064;box-shadow:0 22px 50px rgba(185,138,58,.24)}
.offer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.offer-badge{font-size:10px;font-weight:800;color:#142c1c;background:#d6b064;padding:3px 8px;border-radius:999px}
.offer-star{width:36px;height:36px;border-radius:12px;background:rgba(214,176,100,.12);display:grid;place-items:center;font-size:19px}
.offer-card h3{margin:0;color:#d6b064;font-size:20px;line-height:1.35}
.offer-card h4{margin:6px 0 8px;color:#fff;font-size:26px;line-height:1.35}
.offer-card p{margin:0;color:#ced8d1;font-size:15px;line-height:1.8;flex-grow:1;padding-top:8px;border-top:1px solid rgba(255,255,255,.09)}
.offer-discount{margin-top:10px;background:rgba(2,28,16,.82);border:1px solid rgba(185,138,58,.3);color:#d6b064;text-align:center;border-radius:10px;padding:7px;font-weight:800;font-size:12px}
.offer-btn{margin-top:8px;display:inline-flex;justify-content:center;align-items:center;padding:10px 12px;border-radius:10px;background:#b98a3a;color:#132d1c;text-decoration:none;font-weight:900;font-size:14px;transition:.25s}
.offer-btn:hover{background:#d6b064;transform:translateY(-2px)}
.comparison-modern{background:#f7f8f9}
.comparison-head{text-align:center;max-width:900px;margin:0 auto 28px}
.comparison-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:#edf4ef;border:1px solid #c9ddcf;color:#134029;font-weight:800;font-size:13px}
.comparison-head h2{margin:10px 0 8px;font-size:42px;line-height:1.25}
.comparison-head .desc{max-width:780px;margin:0 auto;font-size:14px}
.comparison-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}
.comparison-divider span{width:50px;height:3px;background:#b98a3a;border-radius:99px}
.comparison-divider i{width:10px;height:10px;background:#b98a3a;display:block;transform:rotate(45deg);border-radius:2px}
.comparison-table-wrap{overflow:auto;background:#fff;border:1px solid #e1e4e8;border-radius:22px;box-shadow:0 12px 26px rgba(18,53,31,.08)}
.comp-table{width:100%;border-collapse:collapse;min-width:940px}
.comp-table th{padding:14px 16px;font-size:15px;font-weight:900;color:#fff;background:linear-gradient(90deg,#0e4d2a,#135e35);border-bottom:1px solid #b98a3a}
.comp-table th.th-academy{color:#d6b064}
.comp-table td{padding:12px 14px;border-bottom:1px solid #eaedf1;font-size:13px;vertical-align:middle}
.comp-table tr:last-child td{border-bottom:none}
.th-feature,.col-feature{width:18%}
.th-academy,.col-academy{width:41%}
.th-other,.col-other{width:41%}
.col-feature{font-weight:900;color:#102f1c}
.col-academy{color:#1a5132;font-weight:700}
.col-other{color:#5f6b80}
.cell-item{display:flex;align-items:flex-start;gap:8px;line-height:1.7}
.chip{width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:900;margin-top:1px}
.chip.ok{background:#e6f7ee;color:#0a8f56;border:1px solid #9bd8b9}
.chip.no{background:#fff1f3;color:#e11d48;border:1px solid #ffb9c9}
.comparison-cta{margin-top:16px}
.comparison-cta p{margin:0 0 8px;color:#5f6b80;font-size:13px}
.steps-modern .steps-head{text-align:center;max-width:900px;margin:0 auto 30px}
.steps-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:#edf4ef;border:1px solid #c9ddcf;color:#134029;font-weight:800;font-size:13px}
.steps-head h2{margin:10px 0 8px;font-size:34px;line-height:1.25}
.steps-head .desc{max-width:780px;margin:0 auto;font-size:13px}
.steps-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}
.steps-divider span{width:50px;height:3px;background:#b98a3a;border-radius:99px}
.steps-divider i{width:10px;height:10px;background:#b98a3a;display:block;transform:rotate(45deg);border-radius:2px}
.steps-grid{gap:18px}
.step-card{background:#f9fafb;border:1px solid #dbe2df;border-radius:22px;padding:22px 18px;box-shadow:0 10px 24px rgba(18,53,31,.08);transition:.25s;display:flex;flex-direction:column;min-height:300px}
.step-card:hover{transform:translateY(-4px);box-shadow:0 14px 26px rgba(18,53,31,.12)}
.step-card .num{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#0e4d2a;color:#d6b064;font-size:40px;font-weight:900;margin:0 auto 14px;border:3px solid #b98a3a}
.step-card h3{margin:0 0 8px;color:#0f2c1b;font-size:22px;line-height:1.45}
.step-card p{margin:0;color:#5f6b80;font-size:15px;line-height:1.9;flex-grow:1}
.step-tag{margin:14px auto 0;display:inline-block;background:#f1eee7;color:#9a742c;border:1px solid #eadfc9;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:800}
.team-modern h2,.stats-modern h2,.testimonials-modern h2,.faq-modern h2,.contact-modern h2{font-size:34px;line-height:1.3;text-align:center;margin-bottom:8px}
.team-modern .desc,.stats-modern .desc,.testimonials-modern .desc,.faq-modern .desc,.contact-modern .desc{font-size:13px;line-height:1.9;text-align:center;max-width:820px;margin:0 auto 18px}
.team-card{background:#fff;border:1px solid #dfe4e8;border-top:4px solid #b98a3a;border-radius:18px;padding:16px;box-shadow:0 8px 18px rgba(18,53,31,.08)}
.team-emoji{display:block;font-size:30px;margin-bottom:6px}
.team-card h3{margin:0 0 8px;font-size:20px;color:#12351f}
.team-card p{margin:0;color:#667085;font-size:14px;line-height:1.8}
.team-foot{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #edf1f4;margin-top:10px;padding-top:10px;color:#9a742c;font-size:11px;font-weight:800}
.stats-modern .stats-head{text-align:center;max-width:900px;margin:0 auto 26px}
.stats-modern .stats-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:rgba(214,176,100,.14);border:1px solid rgba(214,176,100,.34);color:#e7cc99;font-weight:800;font-size:13px}
.stats-modern .stats-head h2{color:#fff;margin:10px 0 8px;font-size:40px;line-height:1.25}
.stats-modern .stats-head .desc{color:#d0d7d3;max-width:760px;margin:0 auto;font-size:14px}
.stats-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px}
.stats-divider span{width:50px;height:3px;background:#b98a3a;border-radius:99px}
.stats-divider i{width:10px;height:10px;background:#b98a3a;display:block;transform:rotate(45deg);border-radius:2px}
.stats-grid{gap:14px}
.stats-modern #statsGrid .card{border-radius:18px;padding:16px;background:linear-gradient(180deg,rgba(7,60,35,.9),rgba(5,47,28,.95));border:1px solid rgba(185,138,58,.35);box-shadow:0 12px 24px rgba(0,0,0,.24)}
.stats-modern #statsGrid .card h3{font-size:38px;line-height:1.1;color:#d6b064;margin:0 0 8px}
.stats-modern #statsGrid .card p{font-size:16px;color:#fff;margin:0 0 4px}
.stats-modern #statsGrid .card small{font-size:12px;color:#b8c6be}
.stats-panel{margin-top:16px;background:rgba(4,34,21,.62);border:1px solid rgba(185,138,58,.35);border-radius:18px;padding:16px}
.stats-panel h3{margin:0 0 10px;color:#d6b064;text-align:center;font-size:24px}
.stats-modern #statsBullets{gap:10px}
.stats-modern #statsBullets p{margin:0;font-size:13px;color:#e7efe9;line-height:1.85;padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(185,138,58,.18)}
.testimonial-card{background:#f7f2e8;border:1px solid #eadfc9;border-radius:20px;padding:16px;box-shadow:0 8px 20px rgba(18,53,31,.06)}
.t-stars{color:#b98a3a;font-size:14px;letter-spacing:1px;margin-bottom:8px}
.testimonial-card p{margin:0;color:#2b3d56;font-size:14px;line-height:1.9}
.t-foot{margin-top:12px;display:flex;justify-content:space-between;align-items:flex-end;gap:8px}
.t-foot strong{font-size:16px;color:#12351f}
.t-foot span{font-size:11px;color:#667085}
.faq-card{background:#fff;border:1px solid #eadfc9;border-radius:20px;overflow:hidden;box-shadow:0 8px 18px rgba(18,53,31,.05)}
.faq-btn{font-size:20px !important;font-weight:800 !important;padding:16px 18px !important;color:#12351f !important;border-bottom:1px solid #edf0f3 !important}
.faq-a{font-size:14px;color:#667085;line-height:1.9;padding:14px 18px}
.contact-modern .split{align-items:stretch;gap:22px}
.contact-modern .card{border-radius:24px;padding:22px}
.contact-modern .card:first-child h2{font-size:30px;line-height:1.4;text-align:center;margin-bottom:8px}
.contact-modern .card:first-child .desc{font-size:14px;line-height:1.9;text-align:center;max-width:760px;margin:0 auto 14px}
.contact-modern .form{gap:12px}
.contact-modern .form input,.contact-modern .form select,.contact-modern .form textarea{font-size:15px;padding:12px 14px;border-radius:16px}
.contact-modern .form textarea{min-height:140px}
.contact-modern .btn{font-size:16px;border-radius:16px}
.contact-modern .quick-wa{display:block;text-align:center;font-size:16px;margin-top:14px}
.contact-modern .green{display:flex;flex-direction:column;justify-content:center;padding:28px}
.contact-modern .green h3{font-size:40px;line-height:1.2;text-align:center;margin-bottom:20px}
.contact-modern .green p{font-size:18px;line-height:1.9;text-align:center;margin:8px 0}
.contact-modern .green a{color:#d6b064;text-decoration:none;border-bottom:1px dashed rgba(214,176,100,.5)}
.contact-modern .green a:hover{color:#f0d9a5;border-bottom-color:#f0d9a5}
.table-wrap{overflow:auto;border:1px solid var(--bd);border-radius:20px;background:#fff}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:right;vertical-align:top}thead th{background:#12351F;color:#fff}
.btn{display:inline-block;padding:12px 16px;border-radius:14px;text-decoration:none;font-weight:900;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--p),var(--pl));color:#fff;border:1px solid rgba(185,138,58,.5)}.btn-secondary{background:#fff;color:var(--p);border:1px solid var(--g)}.btn-gold{background:var(--g);color:#122d1b}
.btn.cta-desktop{font-size:13px;font-weight:300;padding:10px 14px}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.trust-grid span{font-size:12px;font-weight:700;color:#475467;background:#fff;padding:7px;border-radius:10px;border:1px solid #e7ebef}
.final .cta-row{justify-content:center;align-items:center}
.final .cta-row .btn{min-width:300px;text-align:center}
.steps .num{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--p);color:var(--gl);font-weight:900;margin-inline:auto}
.mini{font-size:12px}.mt{margin-top:18px}.center{text-align:center}
.form{display:grid;gap:10px}.form input,.form select,.form textarea{padding:12px;border:1px solid #d0d5dd;border-radius:12px;font-family:inherit}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid rgba(185,138,58,.35)}
.error,.success{display:none;font-size:12px;padding:10px;border-radius:10px}.error{background:#fff1f2;color:#9f1239}.success{background:#ecfdf3;color:#166534}.quick-wa{display:inline-block;margin-top:10px;color:#065f46;text-decoration:none;font-weight:800}
.final .hadith{color:var(--gl);font-weight:800}.footer{background:var(--pd);color:#fff;padding:18px 0;border-top:2px solid var(--g)}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.foot-grid a{display:block;color:#d8dde4;text-decoration:none;margin:6px 0}.foot-grid h4{color:var(--g);margin:0 0 8px}.brand-mini{display:flex;align-items:center;gap:8px}.logo-sm{width:34px;height:34px;object-fit:contain;border-radius:8px}.copy{text-align:center;color:#d2dae6;font-size:13px;margin:0}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:80;background:#059669;color:#fff;text-decoration:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:28px;line-height:1;font-weight:700;border:1px solid rgba(185,138,58,.6);box-shadow:0 12px 30px rgba(0,0,0,.25);animation:pulse 3s infinite}@keyframes pulse{50%{transform:scale(1.06)}}
.reveal{opacity:0;transform:translateY(20px);transition:.65s}.reveal.show{opacity:1;transform:none}
.about-modern{background:#f6f6f6}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.about-left{order:2}
.about-right{order:1}
.about-right{text-align:right}
.about-top-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-mini{background:#f2efe8;border:1px solid #e7dfd0;border-radius:24px;padding:22px}
.about-mini.mission{background:#eef8f1;border-color:#bfe7ca}
.about-mini.vision{background:#f3f0ea;border-color:#eadfc9}
.mini-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#b98a3a;color:#fff;font-size:22px;margin-bottom:10px}
.about-mini.mission .mini-icon{background:#0f4a28}
.about-mini h3{margin:0 0 8px;color:#134029;font-size:24px;font-weight:800}
.about-mini p{margin:0;color:#475467;line-height:1.8;font-size:15px}
.about-values{margin-top:14px;background:#fff;border:2px solid #293241;border-radius:28px;padding:20px}
.about-values h3{margin:0 0 12px;color:#134029;font-size:24px;font-weight:900;line-height:1.3}
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.values-grid strong{display:block;color:#122d1b;margin-bottom:5px;font-size:12px;line-height:1.5}
.values-grid p{margin:0;color:#667085;line-height:1.7;font-size:12px}
.about-right h2{font-size:36px;line-height:1.25;margin:12px 0}
.about-right .desc{font-size:14px;line-height:1.8}
.about-quote{margin-top:18px;margin-right:0;margin-left:auto;background:#f4efe5;border-right:6px solid #b98a3a;border-radius:22px;padding:20px;color:#134029;font-size:14px;font-style:italic;font-weight:700;line-height:1.7}
@media (max-width:1050px){.desktop-nav,.cta-desktop{display:none}.menu-btn{display:block}.hero-grid,.split{grid-template-columns:1fr}.cols-4{grid-template-columns:repeat(2,1fr)}.cols-5{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1050px){.about-grid{grid-template-columns:1fr}.about-right{order:1}.about-left{order:2}.about-right h2{font-size:32px}.about-values h3{font-size:28px}}
@media (max-width:680px){.cols-4,.cols-5,.cols-3,.foot-grid,.trust-grid,.about-top-cards,.values-grid{grid-template-columns:1fr}.brand small{display:none}.logo{width:66px;height:66px}.nav-wrap{justify-content:space-between}.menu-btn{order:3;margin-inline-start:auto}.about-values h3{font-size:24px}.about-right h2{font-size:28px}.about-mini h3{font-size:20px}.about-mini p,.about-right .desc,.values-grid p,.about-quote{font-size:13px}.service-card h3{font-size:18px}.service-card p{font-size:14px}.service-num{font-size:30px}.service-foot .go{font-size:14px;font-weight:300}.feature-card{min-height:auto}.feature-card h3{font-size:18px}.feature-card p{font-size:14px}.feature-foot{font-size:13px}.pkg-top h3{font-size:20px}.pkg-list li{font-size:13px}.pkg-stats strong{font-size:18px}.pkg-btn{font-size:12px}.package-card{min-height:auto;padding:14px}.offer-card{min-height:auto}.offers-head h2{font-size:30px}.offers-head .desc{font-size:13px}.offer-card h3{font-size:18px}.offer-card h4{font-size:22px}.offer-card p{font-size:14px}.offer-btn{font-size:13px}.comparison-head h2{font-size:30px}.comparison-head .desc{font-size:13px}.comp-table th{font-size:13px}.comp-table td{font-size:12px}.steps-head h2{font-size:26px}.steps-head .desc{font-size:12px}.step-card{min-height:auto}.step-card .num{width:62px;height:62px;font-size:30px;border-width:3px}.step-card h3{font-size:20px}.step-card p{font-size:14px}.step-tag{font-size:12px}.team-modern h2,.stats-modern h2,.testimonials-modern h2,.faq-modern h2,.contact-modern h2{font-size:26px}.team-modern .desc,.stats-modern .desc,.testimonials-modern .desc,.faq-modern .desc,.contact-modern .desc{font-size:12px}.stats-modern .stats-head h2{font-size:30px}.stats-modern #statsGrid .card h3{font-size:32px}.stats-modern #statsGrid .card p{font-size:15px}.stats-panel h3{font-size:20px}.contact-modern .card:first-child h2{font-size:26px}.contact-modern .card:first-child .desc{font-size:13px}.contact-modern .green h3{font-size:30px}.contact-modern .green p{font-size:16px}.final h2{font-size:34px;line-height:1.35}.final p{font-size:19px}.final .cta-row{justify-content:center}.final .cta-row .btn{min-width:100%;width:100%}.faq-btn{font-size:16px !important}.faq-a{font-size:13px}.wa-float{width:52px;height:52px;font-size:24px}}