/* Shared layout for both languages. */
html{width:100%;max-width:100%;scroll-padding-top:5rem}
body{display:block!important;width:100%;max-width:100%;min-width:0;margin:0;padding:0;overflow-x:clip}
body>nav,body>main,body>footer{width:100%;max-width:100%;min-width:0}
*,*::before,*::after{box-sizing:border-box}
img,video,svg,canvas{max-width:100%}
img{height:auto}
.row>*{min-width:0}
p,li,label,summary{overflow-wrap:break-word}
input,select,textarea{max-width:100%}
.container{width:100%;padding-left:24px;padding-right:24px}
.navbar{position:relative;z-index:1030;padding:10px 0;background:#e86547}
.navbar .navbar-brand{flex-shrink:0;font-size:1.3rem;margin-right:28px}
.navbar .navbar-brand img{width:32px;height:32px}
.navbar .navbar-nav{align-items:center;gap:clamp(10px,1.6vw,26px)!important}
.navbar .nav-link{font-size:.95rem;white-space:nowrap;padding:10px 3px}
.navbar .dropdown-menu{max-width:calc(100vw - 48px)}
.navbar li{list-style:none}
.navbar-toggler{min-width:44px;min-height:44px;border-color:#ffffff80}
.navbar-toggler:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #344c9f;outline-offset:3px}
main>header{min-height:0!important;height:auto!important;margin-bottom:0!important;padding-top:clamp(40px,5vw,72px)!important;padding-bottom:clamp(40px,5vw,72px)!important}
main>header .row{row-gap:28px}
main>header h1{font-size:clamp(2.25rem,3.8vw,3.5rem)!important;line-height:1.16!important;margin-bottom:24px!important;overflow-wrap:normal;text-wrap:balance}
main>header p{font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.7;max-width:58ch;margin-bottom:24px!important}
main>header .hero-img{width:min(100%,500px)!important;height:auto!important;max-height:560px;object-fit:contain;margin-inline:auto}
.iqralabs_header_learning .hero,.iqralabs_header_learning .hero-slide{height:clamp(300px,35vw,480px)!important;min-height:0!important}
.iqralabs_header_learning .hero-slide{object-fit:cover;width:100%;border-radius:24px}
main>header .header-img{max-height:480px;object-fit:contain;width:100%}
main>header .btn,.iqra-update .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px!important;white-space:normal;line-height:1.4}
main>section.py-5,main>section.py-lg-5,.iqra-update{padding-top:clamp(36px,5vw,64px)!important;padding-bottom:clamp(36px,5vw,64px)!important}
main>section h1{font-size:clamp(1.8rem,3.1vw,2.65rem)!important;line-height:1.25!important}
.iqra-update h2{font-size:clamp(1.7rem,2.8vw,2.25rem);line-height:1.3}
.iqra-update h3{font-size:1.1rem;line-height:1.45}
.iqra-update p{font-size:1rem;line-height:1.75}
.iqra-update .iqra-card{padding:24px;border-radius:20px}
.iqra-update .row{align-items:stretch}
.iqra-update .iqra-media{width:100%;height:300px;max-height:none;object-fit:contain}
.iqra-consultation .row>div{width:100%;flex:0 0 100%}
.iqra-consultation .iqra-card{display:grid;grid-template-columns:1fr auto;column-gap:32px;align-items:center}
.iqra-consultation h3{grid-column:1}
.iqra-consultation p{grid-column:1;margin-bottom:0;max-width:78ch}
.iqra-consultation a{grid-column:2;grid-row:1 / 3;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;min-height:48px;border-radius:10px;background:#e86547;color:white;text-align:center;text-decoration:none}
.iqralabs_now .box-card{padding:clamp(24px,4vw,48px);margin-bottom:24px}
.iqralabs_now .img-1,.iqralabs_now .img-2{width:100%;max-width:430px;max-height:380px;object-fit:contain;margin:0 auto;display:block}
.iqralabs_now h2#sesi_mengaji{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.2}
.iqralabs_program .program-img{max-height:400px;object-fit:contain}
.iqralabs_ngaji .pricing-card,.iqralabs_ngaji .card{height:100%;padding:24px}
.iqralabs_ngaji .row{row-gap:24px}
.iqralabs_ngaji h3{font-size:clamp(1.4rem,2.3vw,2rem)!important}
.iqralabs_ngaji p{line-height:1.7}
footer{padding:48px 0 24px!important;margin-top:0!important}
footer h1,footer h2{font-family:Poppins,sans-serif!important;font-size:1.05rem!important;line-height:1.5;margin-bottom:16px}
footer img{width:auto!important;max-width:220px;max-height:68px;object-fit:contain}
footer a{line-height:1.8}
footer .row{row-gap:18px}
iframe:not([width="0"]){max-width:100%}
#iqra-debug-panel{position:fixed;bottom:12px;left:12px;z-index:99999;max-width:calc(100vw - 24px);max-height:200px;overflow:auto;background:#fff;border:2px solid #334071;border-radius:12px;padding:12px;font:12px/1.5 monospace;color:#15213b;white-space:pre-wrap}
@media(min-width:1200px){.container{max-width:1200px}}
@media(min-width:1600px){.container{max-width:1280px}}
@media(min-width:992px) and (max-width:1199px){.navbar .navbar-brand{margin-right:12px}.navbar .navbar-nav{gap:10px!important}.navbar .nav-link{font-size:.85rem}}
@media(max-width:991.98px){
 .container{max-width:100%;padding-left:24px;padding-right:24px}
 .navbar .navbar-nav{align-items:stretch;gap:0!important;padding:14px 0 6px}
 .navbar .nav-link{padding:12px 8px;font-size:1rem}
 .navbar .dropdown-menu{position:static;width:100%;max-width:100%;border:0;margin:0 0 10px}
 .navbar .navbar-collapse{max-height:calc(100dvh - 76px);overflow-y:auto}
 main>header{text-align:center}
 main>header p{margin-inline:auto}
 main>header .row>[class*="col-"]{margin-bottom:0!important}
 main>header .hero-img{max-width:400px;max-height:420px}
 main>header .header-img{max-height:360px}
 .iqralabs_header_learning .hero,.iqralabs_header_learning .hero-slide{height:clamp(280px,56vw,440px)!important}
 .iqralabs_now .row{row-gap:24px}
 .iqra-update .iqra-media{height:300px}
 .section-edu-labs-form,.section-jariyah-labs{margin-top:0!important}
 .section-edu-labs-form form,.section-jariyah-labs form{width:100%;max-width:100%}
}
@media(max-width:575.98px){
 .container{padding-left:20px;padding-right:20px}
 main>header{padding-top:32px!important;padding-bottom:36px!important}
 main>header h1{font-size:2.15rem!important;line-height:1.18!important}
 main>header p{font-size:1rem;line-height:1.65}
 main>header .hero-img{width:85%!important;max-height:340px}
 main>header .header-img{max-height:280px}
 .iqralabs_header_learning .hero,.iqralabs_header_learning .hero-slide{height:280px!important}
 main>section h1{font-size:1.9rem!important}
 .iqralabs_now .box-card{padding:24px 20px}
 .iqralabs_now .img-1,.iqralabs_now .img-2{max-height:260px}
 .iqra-update .iqra-card{padding:20px}
 .iqra-update .iqra-media{height:320px;max-height:65vh}
 .iqra-consultation .iqra-card{display:block}
 .iqra-consultation p{margin-bottom:20px}
 .iqra-consultation a{width:100%}
 .section_article h1{font-size:2rem!important}
 .splide__arrows button{width:36px;height:36px}
 .bintang_kuning_header,.bintang_kuning_today,.bintang_kuning_terkini,.bintang_biru_today{max-width:70px;pointer-events:none}
 footer{padding-top:36px!important}
 form .row{row-gap:16px}
 form input,form select,form textarea{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Keep full-width tutor imagery and long trial headings inside the viewport. */
.iqralabs_tutor>.row{margin-inline:0;width:100%}
.iqralabs_trial h1 span,.iqralabs_trial h2 span{white-space:normal;display:inline;overflow-wrap:break-word}
main>section{overflow-x:clip}
#ngaji-price>.col-lg-4{display:flex}
#ngaji-price .box-ngaji{width:100%;height:100%;padding:28px 22px;display:flex;flex-direction:column}
#ngaji-price .box-ngaji>.row:last-child{margin-top:auto;padding-top:16px}
#ngaji-price .box-ngaji img{max-height:140px;object-fit:contain}
#ngaji-price .box-ngaji h2{font-size:1.3rem!important;line-height:1.4!important}
#ngaji-price .box-ngaji p{font-size:.95rem;line-height:1.65}
#ngaji-price .box-ngaji p span{color:inherit!important}
@media(max-width:575.98px){.iqralabs_trial h2,.iqralabs_trial h2 span{font-size:1.75rem!important}.navbar .navbar-collapse.show{display:block}}
/* Reset legacy link margins so the tablet navigation fits its container. */
.navbar .nav-link{margin:0!important;padding-inline:4px!important}
/* Decorative stars must not cover the main heading. */
main>header .bintang_kuning_header{display:none!important}