/* ===== SECTION 1: Hero Slider ===== */
.lrjb .hs{position:relative; overflow:hidden}
.lrjb .hs-track{display:flex; transition:transform .6s ease}
.lrjb .hs-slide{flex:0 0 100%; min-height:440px; display:flex; align-items:center; position:relative; color:#fff; background-size:cover; background-position:center}
.lrjb .hs-slide.s1{background-color:#1F5C3A; background-image:url('/wp-content/uploads/2025/06/33365720_1373161709451588_7869474873435750400_n.jpg'); background-size:cover; background-position:right center}
.lrjb .hs-slide.s2{background:linear-gradient(120deg,#1F5C3A,#0e2f1e)}
.lrjb .hs-slide.s3{background:linear-gradient(120deg,#3a7d55,#1F5C3A)}
.lrjb .hs-slide .ov{position:absolute; inset:0; background:linear-gradient(90deg,rgba(19,61,40,.55),rgba(19,61,40,.1))}
.lrjb .hs-in{position:relative; z-index:2; max-width:1160px; margin:0 auto; padding:0 24px; width:100%}
.lrjb .hs-in .kick{color:#E0A11B; font-weight:800; letter-spacing:2px; font-size:13px; text-transform:uppercase}
.lrjb .hs-in h1{font-size:42px; margin:12px 0; max-width:640px; line-height:1.2}
.lrjb .hs-in h1 span{color:#E0A11B}
/* Slide 2 dan 3: h1 putih seperti slide PPDB (slide 1 ditambal di Additional CSS Customizer); Astra memberi h1 warna gelap. Span tetap emas. */
.lrjb .hs-slide.s2 .hs-in h1,.lrjb .hs-slide.s3 .hs-in h1{color:#fff}
.lrjb .hs-in p{font-size:17px; color:#DCEAE0; max-width:560px; margin-bottom:24px}
.lrjb .hbtn{display:inline-block; font-weight:700; font-size:15px; padding:13px 26px; border-radius:12px; background:#E0A11B; color:#fff}
.lrjb .hbtn:hover{background:#B8860B}
/* Slide 1: PPDB Sekolah Tahfizh RJIC */
.lrjb .hs-slide.s1 .ov{background:linear-gradient(100deg, #133D28 0%, rgba(19,61,40,.93) 38%, rgba(31,92,58,.62) 70%, rgba(31,92,58,.42) 100%)}
.lrjb .hs-badge{display:inline-block; background:#E0A11B; color:#133D28; font-weight:800; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; padding:6px 14px; border-radius:20px}
.lrjb .hs-in p.hs-sub{font-size:20px; font-weight:600; color:#fff; margin-bottom:14px}
.lrjb .hs-date{display:inline-flex; align-items:center; gap:8px; font-size:15px; color:#DCEAE0; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2); padding:8px 14px; border-radius:10px; margin-bottom:24px}
.lrjb .hs-date svg{width:18px; height:18px; color:#E0A11B; flex-shrink:0}
.lrjb .hs-date strong{color:#fff}
.lrjb .hs-btns{display:flex; flex-wrap:wrap; gap:12px}
.lrjb .hbtn2{display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:15px; padding:12px 24px; border-radius:12px; border:1px solid #fff; background:rgba(255,255,255,.12); color:#fff}
.lrjb .hbtn2:hover{background:rgba(255,255,255,.22); color:#fff}
.lrjb .hbtn2 svg{width:18px; height:18px}
.lrjb .hs-info{margin-top:16px; font-size:13px; color:#DCEAE0; opacity:.9}
@media(max-width:640px){
  .lrjb .hs-slide.s1{background-position:70% center}
  .lrjb .hs-slide.s1 .ov{background:linear-gradient(180deg, rgba(19,61,40,.9), rgba(19,61,40,.85))}
  .lrjb .hs-slide.s1 .hs-in{padding-top:40px; padding-bottom:56px}
  .lrjb .hs-in p.hs-sub{font-size:17px}
}
.lrjb .hs-prev,.lrjb .hs-next{position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:42px; height:42px; border:none; border-radius:50%; background:rgba(255,255,255,.85); color:#133D28; font-size:20px; cursor:pointer}
.lrjb .hs-prev{left:16px} .lrjb .hs-next{right:16px}
.lrjb .hs-prev,.lrjb .hs-next{display:flex; align-items:center; justify-content:center; padding:0}
.lrjb .hs-prev svg, .lrjb .hs-next svg{ width:20px; height:20px; }
.lrjb .hs-dots{position:absolute; bottom:18px; left:0; right:0; z-index:3; display:flex; gap:8px; justify-content:center}
.lrjb .hs-dot{width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.5); border:none; cursor:pointer; padding:0}
.lrjb .hs-dot.on{background:#E0A11B; width:22px; border-radius:5px}
@media(max-width:640px){ .lrjb .hs-in h1{font-size:30px} .lrjb .hs-slide{min-height:380px} }

/* ===== SECTION 2: Kartu Layanan Cepat ===== */
.lrjb .quick{padding:44px 0}
.lrjb .quick .in{max-width:1160px; margin:0 auto; padding:0 20px}
.lrjb .quick-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
.lrjb .qcard{display:flex; align-items:center; gap:14px; background:#fff; border:1px solid #E5EAE6; border-radius:14px; padding:18px; transition:.15s}
.lrjb .qcard:hover{border-color:#E0A11B; box-shadow:0 8px 22px rgba(19,61,40,.06); transform:translateY(-2px)}
.lrjb .qcard .qic{flex:0 0 auto; width:46px; height:46px; border-radius:12px; background:#EEF5F0; display:flex; align-items:center; justify-content:center; font-size:22px}
.lrjb .qcard .qt{font-size:15.5px; font-weight:700; color:#243029}
.lrjb .qcard .qs{font-size:12.5px; color:#5B6660}
.lrjb .qcard .qarr{margin-left:auto; color:#E0A11B; font-weight:800; font-size:18px}
@media(max-width:820px){ .lrjb .quick-grid{grid-template-columns:1fr 1fr} }
@media(max-width:480px){ .lrjb .quick-grid{grid-template-columns:1fr} }

/* ===== SECTION 3: Statistik Kepercayaan ===== */
.lrjb .stats{background:#EEF5F0}
.lrjb .stats .in{max-width:1160px; margin:0 auto; padding:56px 20px}
.lrjb .stats-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.lrjb .stat{background:#fff; border:1px solid #E5EAE6; border-radius:14px; padding:24px 18px; text-align:center}
.lrjb .stat .n{font-size:32px; font-weight:800; color:#1F5C3A}
.lrjb .stat .n small{color:#E0A11B}
.lrjb .stat .l{font-size:13.5px; color:#5B6660; margin-top:4px}
@media(max-width:720px){ .lrjb .stats-grid{grid-template-columns:1fr 1fr} }

/* ===== SECTION 3b: Sekolah Tahfizh RJIC ===== */
.lrjb .school{padding:56px 0 0}
.lrjb .school .in{max-width:1160px; margin:0 auto; padding:0 20px}
.lrjb .school-card{display:flex; align-items:center; gap:24px; background:linear-gradient(110deg,#133D28,#1F5C3A); color:#fff; border-radius:18px; padding:30px 32px}
.lrjb .school-ic{flex:0 0 auto; width:64px; height:64px; border-radius:16px; background:rgba(255,255,255,.12); display:flex; align-items:center; justify-content:center; font-size:30px}
.lrjb .school-txt{flex:1 1 auto}
.lrjb .school .kicker{font-size:13px; font-weight:800; letter-spacing:2px; color:#E0A11B; text-transform:uppercase}
.lrjb .school h2{font-size:26px; margin:4px 0 6px; color:#fff}
.lrjb .school h2 span{color:#E0A11B}
.lrjb .school-org{font-size:14px; font-weight:600; color:#fff; opacity:.85; margin-bottom:8px}
.lrjb .school p{font-size:14.5px; color:#DCEAE0; max-width:620px}
.lrjb .school-btns{flex:0 0 auto; display:flex; flex-direction:column; gap:10px}
.lrjb .school-btn,.lrjb .school-btn2{display:block; text-align:center; font-weight:700; font-size:15px; padding:12px 24px; border-radius:12px; white-space:nowrap}
.lrjb .school-btn{background:#E0A11B; color:#fff; border:1px solid #E0A11B}
.lrjb .school-btn:hover{background:#B8860B; border-color:#B8860B; color:#fff}
.lrjb .school-btn2{background:rgba(255,255,255,.12); color:#fff; border:1px solid #fff}
.lrjb .school-btn2:hover{background:rgba(255,255,255,.22); color:#fff}
@media(max-width:820px){ .lrjb .school-card{flex-direction:column; align-items:flex-start; padding:26px 22px} .lrjb .school-btns{flex-direction:row; flex-wrap:wrap} .lrjb .school-btn,.lrjb .school-btn2{white-space:normal} }

/* ===== Judul section & carousel reusable ===== */
.lrjb .sec-head{text-align:center; max-width:640px; margin:0 auto 34px}
.lrjb .sec-head .kicker{font-size:13px; font-weight:800; letter-spacing:2px; color:#B8860B; text-transform:uppercase}
.lrjb .sec-head h2{font-size:30px; margin:6px 0 8px; color:#243029}
.lrjb .sec-head h2 span{color:#E0A11B}
.lrjb .sec-head p{color:#5B6660; font-size:15px}
.lrjb .gold-line{width:46px; height:3px; background:#E0A11B; border-radius:2px; margin:10px auto 0}
.lrjb .sec{padding:60px 0}
.lrjb .sec .in{max-width:1160px; margin:0 auto; padding:0 20px}
.lrjb .caro-wrap{position:relative}
.lrjb .caro{display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px; scrollbar-width:none}
.lrjb .caro::-webkit-scrollbar{display:none}
.lrjb .caro>*{scroll-snap-align:start; flex:0 0 auto}
.lrjb .caro-btn{position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:40px; height:40px; border:1px solid #E5EAE6; border-radius:50%; background:#fff; color:#1F5C3A; cursor:pointer; box-shadow:0 4px 12px rgba(19,61,40,.08); display:flex; align-items:center; justify-content:center; padding:0}
.lrjb .caro-btn svg{width:20px; height:20px}
.lrjb .caro-btn:hover{border-color:#E0A11B; color:#B8860B}
.lrjb .caro-btn.prev{left:-8px} .lrjb .caro-btn.next{right:-8px}
@media(max-width:640px){ .lrjb .caro-btn{display:none} }

/* ===== SECTION 4: Program Unggulan ===== */
.lrjb .pcard{width:320px; background:#fff; border:1px solid #E5EAE6; border-radius:16px; padding:24px 22px; display:flex; flex-direction:column}
.lrjb .pcard .ic{width:50px; height:50px; border-radius:13px; background:#EEF5F0; display:flex; align-items:center; justify-content:center; font-size:23px; margin-bottom:12px}
.lrjb .pcard h3{font-size:18px; margin-bottom:8px; color:#243029}
.lrjb .pcard>p{color:#5B6660; font-size:14px; margin-bottom:14px}
.lrjb .pcard .price{font-size:13px; color:#5B6660; margin:auto 0 14px}
.lrjb .pcard .price b{font-size:20px; color:#133D28; display:block}
.lrjb .pcard .btn2{text-align:center; background:#E0A11B; color:#fff; font-weight:700; font-size:14px; padding:11px; border-radius:10px}
.lrjb .pcard .btn2:hover{background:#B8860B}

/* ===== SECTION 5: Kenapa Memilih LAZIS RJ ===== */
.lrjb .why{background:#EEF5F0}
.lrjb .why .in{max-width:1160px; margin:0 auto; padding:60px 20px}
.lrjb .why-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px 30px; max-width:900px; margin:0 auto}
.lrjb .why-item{display:flex; gap:14px}
.lrjb .why-item .chk{flex:0 0 auto; width:34px; height:34px; border-radius:50%; background:#1F5C3A; color:#fff; display:flex; align-items:center; justify-content:center}
.lrjb .why-item .chk svg{width:18px; height:18px}
.lrjb .why-item h4{font-size:16px; margin-bottom:3px; color:#243029}
.lrjb .why-item p{font-size:14px; color:#5B6660}
@media(max-width:640px){ .lrjb .why-grid{grid-template-columns:1fr} }

/* ===== SECTION 6: CTA Zakat ===== */
.lrjb .cta{background:#E0A11B}
.lrjb .cta .in{max-width:1160px; margin:0 auto; padding:44px 20px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap}
.lrjb .cta h2{color:#133D28; font-size:26px}
.lrjb .cta p{color:#5a4412; font-size:15px; margin-top:4px}
.lrjb .cta .cbtn{display:inline-block; font-weight:700; font-size:15px; padding:13px 26px; border-radius:12px; background:#133D28; color:#fff}
.lrjb .cta .cbtn:hover{background:#1F5C3A}

/* ===== SECTION 7: Artikel Terbaru ===== */
.lrjb .acard{width:330px; background:#fff; border:1px solid #E5EAE6; border-radius:16px; overflow:hidden}
.lrjb .acard .img{height:170px; background:#EEF5F0; background-size:cover; background-position:center}
.lrjb .acard .body{padding:18px}
.lrjb .acard .date{font-size:12px; color:#E0A11B; font-weight:700}
.lrjb .acard h3{font-size:16px; margin:6px 0 10px; color:#243029; line-height:1.35}
.lrjb .acard a.more{font-size:13px; font-weight:700; color:#1F5C3A}

/* ===== SECTION 8: Tentang Kami + Video ===== */
.lrjb .about{padding:60px 0}
.lrjb .about .in{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; max-width:1160px; margin:0 auto; padding:0 20px}
.lrjb .about .vid{background:#133D28; border-radius:16px; aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.6); overflow:hidden}
.lrjb .about .vid iframe{width:100%; height:100%; border:0; border-radius:16px}
.lrjb .about .kicker{font-size:13px; font-weight:800; letter-spacing:2px; color:#B8860B; text-transform:uppercase}
.lrjb .about h2{font-size:28px; margin:6px 0 12px; color:#243029}
.lrjb .about h2 span{color:#E0A11B}
.lrjb .about p{color:#5B6660; font-size:15px; margin-bottom:20px}
.lrjb .about .btn3{display:inline-block; background:#1F5C3A; color:#fff; font-weight:700; font-size:14px; padding:12px 24px; border-radius:10px}
.lrjb .about .btn3:hover{background:#133D28}
@media(max-width:820px){ .lrjb .about .in{grid-template-columns:1fr} }