@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--blue:#071b70;--gold:#f9ab19;--ink:#172033;--cream:#f8f6f0}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.55}header{height:82px;border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:3}.nav,.intro,.callout,.services,.package,.contact,.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:145px;height:65px;object-fit:contain}.nav nav{display:flex;gap:26px;align-items:center}.nav a{color:var(--ink);text-decoration:none;font-size:.92rem;font-weight:700}.nav .active{color:var(--gold)}.nav .book{color:#fff;background:var(--blue);padding:11px 17px}.menu{display:none;border:0;background:none;font-size:28px}.hero{min-height:620px;background:linear-gradient(90deg,#07133de6,#07133d55),url('assets/family-umrah.jpeg') center/cover;display:flex;align-items:center;color:white}.hero>div{width:min(1120px,calc(100% - 40px));margin:auto}.hero h1,.page h1{font:700 clamp(2.6rem,5vw,4.7rem)/1.05 'Playfair Display',serif;margin:0;max-width:760px}.hero i{color:#ffd36f}.hero p:not(.eyebrow){max-width:540px;font-size:1.07rem;margin:24px 0 30px}.eyebrow{color:var(--gold);font-size:.76rem;letter-spacing:.16em;font-weight:700;text-transform:uppercase}.btn{display:inline-block;margin:5px 8px 5px 0;padding:14px 20px;border:0;text-decoration:none;font-weight:700;cursor:pointer}.gold{background:var(--gold);color:#182054}.white{background:#fff;color:var(--blue)}.blue{background:var(--blue);color:#fff}h2{font:700 clamp(2rem,3.5vw,3.1rem)/1.15 'Playfair Display',serif;color:var(--blue);margin:0}.intro{padding:88px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:80px}.intro>p{font-size:1.08rem;color:#5d6574}.soft{background:var(--cream);padding:82px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.cards article{padding:30px;background:#fff;border-bottom:3px solid var(--gold)}.cards b,.services b{color:var(--gold);font-size:1.3rem}.cards h3{color:var(--blue)}.callout{padding:88px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.callout img{width:100%;aspect-ratio:1;object-fit:cover}.callout p:not(.eyebrow){color:#5d6574}.page{padding:95px max(20px,calc((100% - 1120px)/2));color:#fff;background:linear-gradient(105deg,#07185b,#183589)}.page h1{color:#fff}.page p:last-child{max-width:600px}.services{padding:82px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.services article{border:1px solid #e5e3dd;padding:30px;min-height:230px}.services h2{font-size:1.7rem;margin:20px 0 8px}.package{padding:82px 0;display:grid;grid-template-columns:.78fr 1.22fr;gap:76px;align-items:center}.package img{width:100%;box-shadow:8px 8px var(--gold)}.price strong{display:block;color:var(--blue);font-size:1.8rem}.package li{padding:4px}.contact{padding:82px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.contact aside a{display:block;color:var(--ink);margin:5px 0 18px;overflow-wrap:anywhere}.contact aside b{font-size:.8rem;color:var(--blue)}hr{border:0;border-top:1px solid #e4e1dc;margin:18px 0}form{background:var(--cream);padding:35px}label{display:block;color:var(--blue);font-weight:700;font-size:.85rem;margin:13px 0}input,select,textarea{width:100%;display:block;margin-top:6px;padding:11px;border:1px solid #ddd;background:white;font:inherit}small{display:block;color:#626a78;margin-top:10px}footer{padding:35px 20px;text-align:center;background:#06154e;color:#fff}footer a{color:#fff}.wa{position:fixed;right:20px;bottom:20px;background:#25b860;color:#fff;padding:13px 17px;border-radius:30px;text-decoration:none;font-weight:700;box-shadow:0 4px 18px #0004}@media(max-width:760px){header,.nav{height:70px}.brand img{width:120px}.menu{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px;background:#fff;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.nav .book{text-align:center}.hero{min-height:560px}.intro,.callout,.package,.contact{grid-template-columns:1fr;gap:35px;padding-top:60px;padding-bottom:60px}.cards,.services{grid-template-columns:1fr}.services{padding:60px 20px}.page{padding-top:70px;padding-bottom:70px}.package img{max-width:380px;margin:auto}.wa{right:12px;bottom:12px}}
.footer-extra{border-top:1px solid #344473;margin-top:20px;padding-top:18px;display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;font-size:.85rem}.footer-extra a{color:#f9c35c}.footer-extra span{color:#d6dbe9}.expanded{padding:84px 0;background:#fff}.section-title{max-width:690px;margin-bottom:32px}.section-title>p:last-child{color:#5d6574;font-size:1.05rem}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.promo-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #eee}.faith{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;margin-top:75px;background:#f8f6f0}.faith img{width:100%;aspect-ratio:1;object-fit:cover}.faith>div{padding-right:38px}.faith>div>p:not(.eyebrow){color:#5d6574}.faith .btn{margin-top:12px}@media(max-width:760px){.expanded{padding:60px 0}.promo-grid{grid-template-columns:1fr}.promo-grid img{aspect-ratio:4/3}.faith{grid-template-columns:1fr;gap:0;margin-top:50px}.faith>div{padding:32px}.footer-extra{flex-direction:column;text-align:center;gap:6px}}
.wa{display:inline-flex;align-items:center;gap:7px}.wa-icon{width:21px;height:21px;flex:0 0 21px}