:root{--navy:#071a42;--deep:#041331;--gold:#e99a17;--gold-light:#f5bd4e;--ink:#15213b;--muted:#6f7890;--cream:#f8f8f6;--line:#e5e8ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:78px;background:rgba(7,26,66,.98);color:#fff;position:absolute;top:0;left:0;right:0;z-index:10}.nav-wrap{height:78px;display:flex;align-items:center;gap:40px}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{font-family:Georgia,serif;border:2px solid var(--gold);border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:17px;color:var(--gold);font-weight:bold;letter-spacing:-3px}.brand-mark span{font-size:12px}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:16px}.brand-copy small{font-size:9px;color:#d6dbea;letter-spacing:.3px}.main-nav{display:flex;align-items:center;gap:30px;margin-right:auto}.main-nav a{color:#bac4d8;text-decoration:none;font-size:13px;transition:.2s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a.active{position:relative}.main-nav a.active:after{content:"";height:2px;background:var(--gold);position:absolute;right:0;left:0;bottom:-10px}.nav-cta{color:var(--navy);background:var(--gold);text-decoration:none;padding:10px 19px;border-radius:5px;font-size:12px;font-weight:800}.nav-cta span{font-size:16px;margin-right:7px}.menu-toggle{display:none;background:none;border:0}.hero{position:relative;min-height:690px;padding-top:155px;background:var(--navy);color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,49,.97) 10%,rgba(7,26,66,.9) 46%,rgba(7,26,66,.44)),url('images/background.jpg') center/cover;opacity:.9}.hero:after{content:"";position:absolute;right:-100px;top:-300px;width:650px;height:650px;border:1px solid rgba(233,154,23,.24);border-radius:50%;box-shadow:0 0 0 32px rgba(233,154,23,.04),0 0 0 100px rgba(233,154,23,.025)}.hero-glow{position:absolute;width:600px;height:500px;background:rgba(30,94,176,.28);filter:blur(80px);right:28%;top:70px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:455px}.hero-content{padding-bottom:40px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold-light);font-size:12px;font-weight:700;margin:0 0 17px}.eyebrow span{display:block;width:26px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5vw,70px);line-height:1.24;letter-spacing:-2px;margin-bottom:21px}em{font-style:normal;color:var(--gold)}.hero-text{color:#c3cadd;line-height:2;font-size:15px;max-width:430px;margin-bottom:29px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:18px;text-decoration:none;padding:13px 21px;border-radius:5px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:var(--navy)}.button-ghost{border:1px solid rgba(255,255,255,.35);color:#fff}.button span{font-size:20px}.whatsapp{font-size:22px!important;color:#7bd6a3}.hero-trust{display:flex;align-items:center;gap:12px;margin-top:40px}.hero-trust strong,.hero-trust small{display:block}.hero-trust strong{font-size:14px;color:#fff}.hero-trust small{font-size:10px;color:#aeb8cc}.avatars{display:flex;direction:ltr}.avatars span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#c7d1e3;color:var(--navy);font-size:10px;font-weight:bold;border:2px solid var(--navy);margin-left:-7px}.avatars span:nth-child(2){background:#d79b48}.avatars span:nth-child(3){background:#8c9fc2}.avatars span:last-child{background:var(--gold);font-size:15px}.hero-visual{height:485px;position:relative;display:flex;align-items:flex-end;justify-content:center}.portrait{width:330px;height:450px;position:relative;overflow:hidden;border-radius:170px 170px 20px 20px;border:8px solid rgba(255,255,255,.92);box-shadow:0 20px 55px rgba(0,0,0,.35);background:var(--navy)}.portrait-image{position:absolute;inset:0;background:url('images/background.jpg') right center/auto 100% no-repeat;transform:scale(1.03)}.portrait-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,19,49,.82),transparent 42%)}.visual-ring{position:absolute;width:420px;height:420px;border:1px solid rgba(233,154,23,.48);border-radius:50%;top:4px;left:50%;transform:translateX(-50%)}.ring-two{width:500px;height:500px;top:-35px;border-color:rgba(255,255,255,.13)}.manager-card{position:absolute;bottom:27px;right:10px;background:#fff;color:var(--navy);padding:12px 14px;min-width:236px;display:flex;align-items:center;gap:10px;border-radius:5px;box-shadow:0 10px 25px rgba(0,0,0,.2)}.card-line{height:33px;width:3px;background:var(--gold)}.manager-card small,.manager-card strong{display:block}.manager-card small{font-size:9px;color:#798196}.manager-card strong{font-size:13px}.verified{margin-right:auto;background:var(--gold);color:#fff;border-radius:50%;width:21px;height:21px;text-align:center;font-size:12px}.floating-badge{position:absolute;background:rgba(255,255,255,.97);color:var(--navy);box-shadow:0 10px 30px #0003;padding:11px 14px;display:flex;gap:8px;align-items:center;border-radius:5px}.floating-badge strong,.floating-badge small{display:block}.floating-badge strong{font-size:12px}.floating-badge small{font-size:9px;color:#7d8597}.badge-top{top:72px;left:0}.badge-top>span{background:#fff0d1;color:var(--gold);padding:7px;border-radius:50%}.badge-bottom{bottom:95px;left:0;display:block;border-right:3px solid var(--gold)}.badge-bottom strong{font-size:20px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;background:rgba(2,13,38,.6);border-top:1px solid rgba(255,255,255,.12);z-index:2}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0}.stats div{border-left:1px solid rgba(255,255,255,.15);padding-right:30px}.stats div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{color:var(--gold);font-size:22px}.stats span{color:#bdc6d7;font-size:11px}.section{padding:100px 0}.programs{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.eyebrow.dark{color:var(--gold);margin-bottom:11px}.section-heading h2,.about-copy h2,.center-heading h2{font-size:37px;line-height:1.4;margin-bottom:0;color:var(--navy)}.text-link{color:var(--navy);font-size:12px;font-weight:bold;text-decoration:none}.text-link span{color:var(--gold);font-size:20px;margin-right:8px}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.program-card{border:1px solid var(--line);padding:29px 27px;min-height:225px;position:relative;transition:.25s}.program-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #071a4214}.program-card.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.program-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff0d0;color:var(--gold);font-size:21px;margin-bottom:20px}.program-card p{font-size:11px;color:var(--gold);margin-bottom:5px}.program-card h3{font-size:19px;margin-bottom:8px}.program-card>span{display:block;color:#8490a5;font-size:11px}.featured>span{color:#b9c4d8}.program-card a{position:absolute;bottom:25px;right:27px;text-decoration:none;color:var(--gold);font-size:11px;font-weight:bold}.program-card a b{font-size:18px;margin-right:8px}.about{background:var(--cream)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-image{height:390px;position:relative}.about-image img{width:100%;height:100%;object-fit:cover;object-position:left center;filter:saturate(.84);border-radius:4px}.about-image:after{content:"";position:absolute;inset:16px -16px -16px 16px;border:1px solid var(--gold);z-index:-1}.image-label{position:absolute;bottom:24px;right:-24px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:12px;padding:13px 17px}.image-label>span{color:var(--gold);font-family:Georgia;font-weight:bold}.image-label strong,.image-label small{display:block}.image-label strong{font-size:12px}.image-label small{color:#aab4c8;font-size:9px}.about-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:2.2;max-width:440px;margin:25px 0}.check-list{display:grid;gap:17px;margin:26px 0}.check-list div{display:flex;gap:12px}.check-list b{background:#fff0d0;color:var(--gold);width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:12px}.check-list strong,.check-list small{display:block}.check-list strong{font-size:12px}.check-list small{font-size:10px;color:var(--muted);margin-top:3px}.button-dark{background:var(--navy);color:#fff}.steps{background:#fff}.center-heading{text-align:center}.center-heading .eyebrow{justify-content:center}.center-heading>p:last-child{font-size:12px;color:var(--muted);margin-top:12px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px;text-align:center}.step{position:relative}.step:not(:last-child):after{content:"";position:absolute;top:30px;right:-25%;width:50%;border-top:1px dashed #d8dce4}.step i{display:grid;place-items:center;margin:auto;width:60px;height:60px;border-radius:50%;background:var(--navy);color:var(--gold);font-style:normal;font-size:17px;position:relative;z-index:1;border:7px solid #edf0f5}.step>span{display:block;color:#dfe2e8;font-size:50px;font-weight:800;line-height:1;margin-top:-22px}.step h3{font-size:15px;margin:0 0 8px}.step p{font-size:11px;color:var(--muted)}.contact-section{background:var(--navy);color:#fff;padding:70px 0;position:relative;overflow:hidden}.contact-section:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff16;border-radius:50%;left:-180px;top:-250px}.contact-box{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:1}.contact-box h2{font-size:38px;line-height:1.35;margin-bottom:15px}.contact-box p:not(.eyebrow){color:#adb8cd;font-size:12px}.contact-actions{display:flex;flex-direction:column;gap:12px;min-width:300px}.contact-item{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;background:#ffffff0d;border:1px solid #ffffff1e;padding:12px 15px}.contact-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--gold);color:var(--navy);font-size:20px}.contact-item small,.contact-item strong{display:block}.contact-item small{font-size:9px;color:#aeb9cc}.contact-item strong{font-size:14px}.contact-item b{margin-right:auto;color:var(--gold);font-size:19px}footer{background:#03102d;color:#8190ad;padding:22px 0}.footer-inner{display:flex;align-items:center;gap:30px}.footer-inner .brand{margin-left:auto}.footer-inner p,.footer-inner>small{font-size:10px;margin:0}.footer-inner .brand-copy strong{font-size:13px}.footer-inner .brand-copy small{font-size:8px}
@media(max-width:900px){.main-nav{gap:17px}.hero-grid{grid-template-columns:1fr 1fr}.portrait{width:275px}.manager-card{right:-15px}.about-grid{gap:45px}.container{width:min(100% - 36px,1160px)}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.site-header,.nav-wrap{height:68px}.nav-wrap{gap:0;justify-content:space-between}.main-nav{position:absolute;top:68px;right:16px;left:16px;background:var(--navy);display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 16px;box-shadow:0 10px 20px #0003}.main-nav.open{display:flex}.main-nav a{padding:12px 0;border-bottom:1px solid #ffffff16}.main-nav a.active:after{display:none}.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff}.hero{padding-top:116px;min-height:920px}.hero:before{background:linear-gradient(180deg,rgba(4,19,49,.97) 13%,rgba(7,26,66,.78) 50%,rgba(7,26,66,.96)),url('images/background.jpg') center/cover}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-content{padding:0;text-align:center}.eyebrow{justify-content:center}.hero-text{margin:0 auto 25px}.hero-actions{justify-content:center}.hero-trust{justify-content:center;margin-top:28px}.hero-visual{height:390px;margin-top:23px;order:2}.portrait{width:245px;height:340px;border-width:6px}.visual-ring{width:320px;height:320px;top:22px}.ring-two{width:385px;height:385px;top:-10px}.manager-card{bottom:13px;right:50%;transform:translateX(50%);min-width:230px}.badge-top{top:32px;left:calc(50% - 158px)}.badge-bottom{bottom:82px;left:calc(50% - 158px)}.hero-bottom{position:absolute}.stats{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 0}.stats div{padding-right:15px}.stats div:nth-child(2){border:0}.stats strong{font-size:18px}.stats span{font-size:9px}.section{padding:70px 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.about-copy h2,.center-heading h2{font-size:29px}.text-link{display:inline-block;margin-top:20px}.program-grid{grid-template-columns:1fr;gap:13px}.program-card{min-height:195px;padding:24px}.about-grid{grid-template-columns:1fr;gap:50px}.about-image{height:255px;margin:0 16px 0 0}.about-image:after{inset:10px -10px -10px 10px}.image-label{right:-15px;bottom:14px}.about-copy{text-align:right}.about-copy .eyebrow{justify-content:flex-start}.steps-grid{grid-template-columns:1fr;gap:45px;margin-top:40px}.step:not(:last-child):after{top:auto;right:50%;bottom:-32px;width:1px;height:25px;border-top:0;border-right:1px dashed #d8dce4}.contact-box{display:block}.contact-box h2{font-size:31px}.contact-actions{margin-top:30px;min-width:0}.footer-inner{display:flex;flex-wrap:wrap;gap:14px}.footer-inner .brand{width:100%}.footer-inner .brand{margin-left:0}.footer-inner p{order:3}.footer-inner>small{order:4;width:100%}}
@media(max-width:360px){h1{font-size:35px}.hero-actions .button{padding:12px 14px;font-size:11px}.portrait{width:220px}.badge-top{left:calc(50% - 145px)}.badge-bottom{left:calc(50% - 145px)}}

/* Content-rich sections */
.campaign-section{background:var(--navy);color:#fff;padding:76px 0;overflow:hidden}.campaign-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.campaign-copy h2{font-size:42px;line-height:1.35;margin:0 0 16px}.campaign-copy>p:not(.eyebrow){color:#b7c2d5;font-size:13px;line-height:2;max-width:400px}.campaign-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin:24px 0 30px}.campaign-points span{font-size:11px;color:#e8edf5}.campaign-points span:first-letter{color:var(--gold)}.campaign-art{height:305px;position:relative}.campaign-art:before{content:"";position:absolute;inset:-13px 13px 13px -13px;border:1px solid var(--gold);border-radius:5px}.campaign-art img{width:100%;height:100%;object-fit:cover;object-position:center 48%;border-radius:5px;position:relative;box-shadow:0 18px 40px #0005}.service-strip{background:#fff;padding:65px 0;border-bottom:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);align-items:center;gap:20px}.service-intro h2{font-size:28px;line-height:1.45;margin:0;color:var(--navy)}.service-item{border-right:1px solid var(--line);padding:8px 28px;display:flex;flex-direction:column;gap:4px}.service-item b{color:var(--gold);font-size:25px;margin-bottom:7px}.service-item strong{font-size:14px;color:var(--navy)}.service-item span{font-size:10px;color:var(--muted)}
@media(max-width:700px){.campaign-section{padding:60px 0}.campaign-grid{display:flex;flex-direction:column;gap:38px;align-items:stretch}.campaign-copy{text-align:center}.campaign-copy .eyebrow{justify-content:center}.campaign-copy h2{font-size:31px}.campaign-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.campaign-points{justify-content:center;gap:8px 14px}.campaign-art{height:255px;margin:0 12px}.service-strip{padding:55px 0}.service-grid{grid-template-columns:1fr 1fr;gap:25px 0}.service-intro{grid-column:1/-1;text-align:center;margin-bottom:15px}.service-intro .eyebrow{justify-content:center}.service-item{padding:4px 16px}.service-item:nth-child(3){border:0}}

/* Keep the full reference artwork visible in the about section. */
.about-image{height:auto;aspect-ratio:1600 / 667;background:var(--navy)}
.about-image img{object-fit:contain;object-position:center;display:block}
@media(max-width:700px){.about-image{height:auto;aspect-ratio:1600 / 667}}

/* Use the dedicated Makkah and Madinah photos as a calm spiritual gallery. */
.about-gallery{height:390px;aspect-ratio:auto;display:grid;grid-template-columns:1.35fr .85fr;gap:12px;background:transparent}
.about-gallery:after{inset:16px -16px -16px 16px}
.about-gallery img{width:100%;height:100%;object-fit:cover;border-radius:4px;display:block}
.gallery-main,.gallery-side{position:relative;min-height:0;overflow:hidden;border-radius:4px}
.gallery-main img{object-position:center}
.gallery-side img{object-position:center}
.gallery-side .image-label{right:12px;bottom:12px}
@media(max-width:700px){.about-gallery{height:255px;aspect-ratio:auto;grid-template-columns:1.25fr .85fr;gap:8px}.about-gallery:after{inset:10px -10px -10px 10px}.gallery-side .image-label{right:7px;bottom:7px;padding:8px}.gallery-side .image-label strong{font-size:10px}.gallery-side .image-label small{font-size:8px}.gallery-side .image-label>span{display:none}}

/* Program example and trip album */
.package-section{background:#fff;padding:72px 0}.package-heading{margin-bottom:28px}.package-note{font-size:10px;color:var(--muted);border-right:2px solid var(--gold);padding-right:10px}.package-card{background:var(--navy);color:#fff;border-radius:5px;padding:28px 32px;box-shadow:0 16px 35px #071a4220}.package-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff1e;padding-bottom:22px}.package-title span{font-size:11px;color:var(--gold-light)}.package-title h3{font-size:23px;margin:5px 0 0}.package-title>strong{font-size:34px;color:var(--gold);line-height:1}.package-title>strong small{font-size:11px;color:#c1cad9;font-weight:400}.package-details{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0;border-bottom:1px solid #ffffff1e}.package-details>div{display:flex;align-items:center;gap:10px;border-left:1px solid #ffffff1e;padding:0 18px}.package-details>div:first-child{padding-right:0}.package-details>div:last-child{border:0}.package-details b{color:var(--gold);font-size:20px;min-width:24px}.package-details small,.package-details strong{display:block}.package-details small{font-size:9px;color:#9da9bc;margin-bottom:4px}.package-details strong{font-size:11px}.package-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.package-bottom>span{font-size:10px;color:#bdc7d8}.package-bottom .button{padding:10px 16px;font-size:11px}.gallery-section{background:#f4f5f7;padding:78px 0}.gallery-heading{margin-bottom:30px}.trip-gallery{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:14px}.trip-gallery figure{height:245px;margin:0;position:relative;overflow:hidden;border-radius:4px;background:var(--navy)}.trip-gallery figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,19,49,.86),transparent 60%)}.trip-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.trip-gallery figure:hover img{transform:scale(1.05)}.trip-gallery figcaption{position:absolute;z-index:1;bottom:18px;right:18px;color:#fff}.trip-gallery figcaption strong,.trip-gallery figcaption span{display:block}.trip-gallery figcaption strong{font-size:16px}.trip-gallery figcaption span{font-size:10px;color:#d2dae7;margin-top:3px}
.program-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.program-benefits span{background:#fff;border:1px solid var(--line);padding:12px 13px;font-size:10px;color:var(--muted);text-align:center}.program-benefits b{color:var(--gold);margin-left:5px}
.trust-section{background:#fff;padding:80px 0}.trust-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.trust-heading h2{font-size:32px;color:var(--navy);margin:0}.trust-stars{color:var(--gold);letter-spacing:4px;font-size:16px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial-grid article{border:1px solid var(--line);padding:22px;background:#fff}.quote-mark{font-family:Georgia,serif;color:var(--gold);font-size:42px;line-height:.6}.testimonial-grid p{font-size:12px;line-height:2;color:var(--muted);min-height:52px}.testimonial-grid footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;background:transparent;color:inherit}.testimonial-grid footer strong{font-size:10px;color:var(--navy)}.testimonial-grid footer span{font-size:9px;color:#99a1b1}
@media(max-width:700px){.package-section{padding:58px 0}.package-heading{display:block}.package-note{display:inline-block;margin-top:15px}.package-card{padding:22px 18px}.package-title h3{font-size:18px}.package-title>strong{font-size:28px}.package-details{grid-template-columns:1fr 1fr;gap:18px 0}.package-details>div{border-left:0;padding:0!important}.package-bottom{display:block}.package-bottom>span{display:block;line-height:2;margin-bottom:16px}.gallery-section{padding:58px 0}.gallery-heading{display:block}.trip-gallery{grid-template-columns:1fr 1fr}.trip-gallery .gallery-wide{grid-column:1/-1;height:215px}.trip-gallery figure{height:170px}.trip-gallery figcaption{right:12px;bottom:12px}.trip-gallery figcaption strong{font-size:13px}.trip-gallery figcaption span{font-size:9px}.program-benefits{grid-template-columns:1fr 1fr;gap:8px}.program-benefits span{font-size:9px;padding:10px 6px}.trust-section{padding:60px 0}.trust-heading{display:block}.trust-heading h2{font-size:27px}.trust-stars{display:block;margin-top:15px}.testimonial-grid{grid-template-columns:1fr;gap:10px}.testimonial-grid article{padding:18px}.testimonial-grid p{min-height:0}}

/* Wide, image-led program carousel */
.container{width:min(1440px,calc(100% - 80px))}
.programs{overflow:hidden;padding-top:85px;padding-bottom:72px}
.program-slider{position:relative;overflow:hidden}
.slider-track{display:flex;gap:20px;transition:transform .65s cubic-bezier(.2,.75,.25,1);direction:rtl}
.program-card{flex:0 0 calc((100% - 40px) / 3);padding:0;min-height:0;overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 8px 22px #071a4210}
.program-card.featured{background:var(--navy)}
.program-photo{height:220px;overflow:hidden;position:relative}
.program-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,19,49,.55),transparent 60%)}
.program-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.program-card:hover .program-photo img{transform:scale(1.07)}
.program-card-body{padding:22px 25px 55px;position:relative;min-height:205px}
.program-card .program-icon{margin-bottom:13px}
.program-card p{margin-bottom:5px}
.program-card h3{font-size:21px}
.program-card>span{font-size:12px}
.slider-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:27px;direction:ltr}
.slider-arrow{width:38px;height:38px;border:1px solid #d9dee7;background:#fff;border-radius:50%;color:var(--navy);font-size:18px;cursor:pointer;transition:.2s}
.slider-arrow:hover{background:var(--gold);border-color:var(--gold)}
.slider-dots{display:flex;gap:7px;align-items:center}
.slider-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#c8ced8;cursor:pointer;transition:.25s}
.slider-dots button.active{width:24px;border-radius:5px;background:var(--gold)}
.program-benefits{margin-top:20px}
@media(min-width:1200px){.program-photo{height:260px}.program-card-body{padding:25px 29px 60px;min-height:215px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.programs{padding-top:65px}.slider-track{gap:12px}.program-card{flex-basis:100%}.program-photo{height:200px}.program-card-body{min-height:190px;padding:20px 21px 50px}.program-card h3{font-size:19px}.slider-controls{margin-top:20px}.program-benefits{margin-top:18px}}

/* Three clear Umrah package cards */
.package-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.package-cards .package-card{padding:24px 22px;display:flex;flex-direction:column;min-height:390px}
.package-card-gold{background:linear-gradient(145deg,#f0a018,#d98108);color:var(--navy)}
.package-card-featured{background:var(--navy);color:#fff;transform:translateY(-10px);box-shadow:0 18px 35px #071a4230}
.package-card-light{background:#e9eef6;color:var(--navy)}
.package-card-gold .package-title,.package-card-light .package-title{border-color:#071a4228}
.package-card-gold .package-title span,.package-card-light .package-title span{color:var(--navy)}
.package-card-gold .package-title>strong,.package-card-light .package-title>strong{color:var(--navy)}
.package-card-gold .package-title>strong small,.package-card-light .package-title>strong small{color:#40516e}
.package-cards .package-details{grid-template-columns:1fr 1fr;gap:18px 0;padding:22px 0;border-color:#ffffff38;flex:1}
.package-cards .package-details>div{border-left:0;padding:0!important;align-items:flex-start}
.package-card-gold .package-details,.package-card-light .package-details{border-color:#071a4228}
.package-card-gold .package-details b,.package-card-light .package-details b{color:var(--navy)}
.package-card-gold .package-details small,.package-card-light .package-details small{color:#445572}
.package-card-gold .package-details strong,.package-card-light .package-details strong{color:var(--navy)}
.package-cards .package-bottom{display:block;padding-top:16px}
.package-cards .package-bottom>span{display:block;font-size:10px;min-height:27px;margin-bottom:14px}
.package-card-gold .package-bottom>span,.package-card-light .package-bottom>span{color:#40516e}
.package-cards .button{justify-content:center;width:100%;padding:11px 12px}
.package-card-light .button{background:var(--navy);color:#fff}
@media(max-width:900px){.package-cards{grid-template-columns:1fr 1fr}.package-card-featured{transform:none}.package-cards .package-card:last-child{grid-column:1/-1}}
@media(max-width:700px){.package-cards{grid-template-columns:1fr;gap:14px}.package-cards .package-card:last-child{grid-column:auto}.package-cards .package-card{min-height:360px}.package-card-featured{order:-1}}

/* Keep the package examples visually close to the program carousel. */
.programs{padding-bottom:38px}
.package-section{padding-top:38px}
@media(max-width:700px){.programs{padding-bottom:28px}.package-section{padding-top:30px}}

/* Previous trips album carousel */
.album-slider{position:relative}
.album-viewport{overflow:hidden;border-radius:6px}
.album-track{display:flex;gap:18px;direction:ltr;transition:transform .65s cubic-bezier(.2,.75,.25,1)}
.album-card{flex:0 0 calc((100% - 36px) / 3);height:390px;margin:0;position:relative;overflow:hidden;border-radius:5px;background:var(--navy)}
.album-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,19,49,.88),transparent 55%)}
.album-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.album-card:hover img{transform:scale(1.06)}
.album-card figcaption{position:absolute;z-index:1;bottom:20px;right:20px;color:#fff;direction:rtl}
.album-card figcaption strong,.album-card figcaption span{display:block}.album-card figcaption strong{font-size:17px}.album-card figcaption span{font-size:10px;color:#d6deea;margin-top:4px}
.album-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:25px;direction:ltr}
.album-arrow{width:38px;height:38px;border:1px solid #d9dee7;background:#fff;border-radius:50%;color:var(--navy);font-size:18px;cursor:pointer;transition:.2s}.album-arrow:hover{background:var(--gold);border-color:var(--gold)}
.album-dots{display:flex;gap:7px;align-items:center}.album-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#c8ced8;cursor:pointer;transition:.25s}.album-dots button.active{width:24px;border-radius:5px;background:var(--gold)}
@media(max-width:1100px){.album-card{flex-basis:calc((100% - 18px) / 2)}}
@media(max-width:700px){.album-card{flex-basis:100%;height:330px}.album-track{gap:12px}.album-card figcaption{right:15px;bottom:15px}.album-controls{margin-top:20px}}

/* Give every program its own brand color instead of highlighting only the first card. */
.program-card:nth-child(1){background:var(--navy);color:#fff}
.program-card:nth-child(2){background:var(--gold);color:var(--navy);border-color:var(--gold)}
.program-card:nth-child(3){background:#e9eef6;color:var(--navy);border-color:#dce3ee}
.program-card:nth-child(4){background:#12366f;color:#fff;border-color:#12366f}
.program-card:nth-child(2) .program-card-body p,.program-card:nth-child(3) .program-card-body p{color:var(--navy)}
.program-card:nth-child(2) .program-card-body>span{color:#34445d}
.program-card:nth-child(3) .program-card-body>span{color:#68758a}
.program-card:nth-child(1) .program-card-body>span,.program-card:nth-child(4) .program-card-body>span{color:#c0cadb}
.program-card:nth-child(2) .program-card-body a,.program-card:nth-child(3) .program-card-body a{color:var(--navy)}
.program-card:nth-child(2) .program-icon,.program-card:nth-child(3) .program-icon{background:#fff;color:var(--gold)}
.program-card:nth-child(4) .program-icon{background:#e7b44a;color:var(--navy)}