@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/iqra-fredoka-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/iqra-fredoka-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/iqra-fredoka-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/iqra-fredoka-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/iqra-nunito-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/iqra-nunito-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/iqra-nunito-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/iqra-nunito-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/iqra-nunito-800.ttf) format('truetype');
}
/* One shared design system for Indonesian and English, 18 October 2026. */
:root{--iqra-orange:#e96646;--iqra-purple:#777ee7;--iqra-ink:#25363d;--iqra-peach:#fff2ec;--iqra-cream:#fffaf1;--iqra-border:#eee8e2;--iqra-radius:24px}
html body{font-family:Nunito,Arial,sans-serif!important;color:var(--iqra-ink);font-size:16px;line-height:1.65}
body p,body li,body label,body input,body select,body textarea,body .nav-link,body .banner-hero-label{font-family:Nunito,Arial,sans-serif!important}
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body h1 span,html body h2 span,html body h3 span,html body button,html body .btn,html body [class*="btn-"],html body summary,html body .iqra-button,html body .iqra-price{font-family:Fredoka,Nunito,sans-serif!important;font-style:normal!important;letter-spacing:0!important}
html body h1,html body h2,html body h3{font-weight:500!important;line-height:1.22!important;text-wrap:balance}
html body main h1{font-size:clamp(2.15rem,4.2vw,3.7rem)!important}
html body main h2{font-size:clamp(1.75rem,3vw,2.65rem)!important}
html body main h3{font-size:clamp(1.18rem,1.6vw,1.4rem)!important}
html body main h1 span,html body main h2 span{font-size:inherit!important;line-height:inherit!important;white-space:normal}
html body footer h2{font-size:1.15rem!important}
body p{font-size:1.05rem;line-height:1.75}
body .container{width:min(100%,1248px);max-width:1248px;padding-inline:clamp(20px,3.2vw,40px)}
body main>section,body main>header{min-width:0}
body .iqra-update,body .iqra-section{padding-block:clamp(40px,6vw,76px)!important}
body main>header .row{row-gap:32px}
body main>header h1{margin-bottom:20px!important}
body main>header p{max-width:55ch}
body main>header .row.my-5{margin-block:32px 0!important}
body .navbar .nav-link{font-weight:700;font-size:.95rem}
body .iqra-update h2{margin-bottom:28px}
body .iqra-update .iqra-card{height:100%;padding:26px;border:1px solid var(--iqra-border);box-shadow:none;border-radius:var(--iqra-radius);background:#fff;display:flex;flex-direction:column;gap:12px}
body .iqra-update .iqra-card h3,body .iqra-update .iqra-card p{margin:0}
body .iqra-update .iqra-card p{font-size:1rem}
body .iqra-update .iqra-card>a{margin-top:auto;font-weight:800;color:#a43f26;text-decoration:underline;text-underline-offset:4px}
body .iqra-consultation .iqra-card{display:grid;grid-template-columns:1fr auto;gap:12px 28px;background:var(--iqra-cream)}
body .iqra-consultation .iqra-card a{color:#fff;text-decoration:none;margin:0;background:#bb4930}
body .iqra-consultation .iqra-card p{max-width:76ch}
body .iqra-section{background:white}
body .iqra-section.iqra-tint{background:var(--iqra-cream)}
body .iqra-intro{max-width:720px;margin:0 auto 32px;text-align:center}
body .iqra-eyebrow{font-size:.82rem!important;letter-spacing:.1em!important;text-transform:uppercase;font-weight:800;color:#a84630;margin-bottom:12px}
body .iqra-intro h2{margin-bottom:14px}
body .iqra-intro p{margin:0;color:#53636b}
body .iqra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body .iqra-grid>*{min-width:0}
body .iqra-panel{background:#fff;border:1px solid var(--iqra-border);border-radius:var(--iqra-radius);padding:28px;display:flex;flex-direction:column;gap:16px;position:relative}
body .iqra-panel h3,body .iqra-panel p{margin:0}
body .iqra-panel h3{color:var(--iqra-ink)}
body .iqra-panel p{font-size:1rem}
body .iqra-panel ul{padding-left:20px;margin:0;font-size:1rem;line-height:1.8}
body .iqra-panel ul li+li{margin-top:6px}
body .iqra-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:12px;background:#bf4930;color:#fff!important;text-decoration:none!important;border:1px solid transparent;font-weight:500;font-size:1.05rem;line-height:1.3;text-align:center}
body .iqra-button-secondary{background:#fff;color:#a43f26!important;border-color:#d5c7bd}
body .iqra-panel>.iqra-button{margin-top:auto}
body .iqra-price{font-size:clamp(1.8rem,2.4vw,2.4rem)!important;line-height:1.2!important;font-weight:500;color:var(--iqra-ink);white-space:nowrap;position:static;display:block}
body .iqra-price-period{font-size:.95rem;color:#53636b;display:block;margin-top:4px}
body .iqra-price-note{font-size:.88rem!important;color:#596970}
body .iqra-price-featured{background:#f0efff;border-color:#d4d1f8}
body .iqra-badge{display:inline-block;font-size:.8rem;font-weight:800;color:#48469d;background:#e4e0ff;border-radius:8px;padding:5px 10px;align-self:flex-start}
body .iqra-illustration{display:block;width:100%;height:180px!important;object-fit:contain;margin:0 auto 10px}
body .iqra-options .iqra-panel:nth-child(3n+1){background:#fff5ed}
body .iqra-options .iqra-panel:nth-child(3n+2){background:#f2f0ff}
body .iqra-options .iqra-panel:nth-child(3n){background:#f0f8f1}
body .iqra-branch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body .iqra-branch{padding:0;overflow:hidden}
body .iqra-branch-visual{background:#f2efff;padding:18px 28px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}
body .iqra-branch-visual img{width:112px;height:110px;object-fit:contain;flex-shrink:0}
body .iqra-branch-visual span{font-size:.83rem;font-weight:800;text-transform:uppercase;color:#6158a5}
body .iqra-branch-body{padding:8px 24px 24px;display:flex;flex-direction:column;gap:12px;flex:1}
body .iqra-branch-body address{font-style:normal;font-size:.95rem;line-height:1.7;margin:0;color:#53636b}
body .iqra-branch-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px}
body .iqra-branch-actions a{font-size:.92rem;min-height:44px;padding:10px 14px;flex:1}
body .iqra-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body .iqra-video-card{padding:0;overflow:hidden;gap:0}
body .iqra-video-frame{aspect-ratio:4/5;max-height:400px;min-height:0;background:#1d2d35;position:relative}
body .iqra-video-frame video{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
body .iqra-video-copy{padding:20px 24px 24px;display:flex;flex-direction:column;gap:10px}
body .iqra-video-copy h3{font-size:1.2rem!important}
body .iqra-video-copy p{font-size:.95rem!important;color:#53636b}
body .iqra-filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px}
body .iqra-filter{border:1px solid #d7d2cc;background:white;color:#35454d;min-height:44px;padding:10px 18px;border-radius:24px;font-size:.98rem;line-height:1.2}
body .iqra-filter[aria-pressed="true"]{background:#6663bd;color:#fff;border-color:#6663bd}
body .iqra-video-card[hidden]{display:none!important}
body .iqra-banner{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:center;border-radius:30px;background:#eeeaff;overflow:hidden;padding:clamp(28px,5vw,56px);position:relative}
body .iqra-banner h3{font-size:clamp(1.8rem,3.3vw,3rem)!important;color:#5549a4;margin:0 0 18px}
body .iqra-banner p{max-width:52ch;margin:0 0 20px}
body .iqra-banner img{width:100%;max-height:350px;object-fit:contain}
body .iqra-banner-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
body .iqra-banner-tags span{padding:6px 12px;background:#fff9f1;border:1px solid #dbd3f1;border-radius:18px;font-size:.86rem;font-weight:700}
body .iqra-banner-brand{font-size:.85rem;font-weight:800;color:#7669a5;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}
body .iqra-update .iqra-media{aspect-ratio:4/5;height:auto!important;max-height:400px!important;background:#1d2d35;object-fit:contain;border-radius:14px}
body .iqralabs_program .splide__background__program h2{font-size:clamp(1.6rem,2.7vw,2.3rem)!important}
body .iqralabs_program .splide__background__program{padding:clamp(24px,4vw,48px);height:auto!important;min-height:420px}
body .iqralabs_program .splide__background__program img{max-height:330px;object-fit:contain}
body .iqralabs_program .iqra-program-heading{font-family:Fredoka,sans-serif!important;color:#6562bc!important;font-size:clamp(1.75rem,3vw,2.65rem)!important}
body .iqralabs_now .box-card{border-radius:24px}
body .iqralabs_why .box-clip-image-1{object-fit:contain;max-height:180px}
body .iqralabs_tutor img{max-width:100%;height:auto}
body .iqralabs_trial{display:none}
body .iqra-update details{margin-bottom:12px;border:1px solid var(--iqra-border);border-radius:16px;background:#fff;padding:18px 22px}
body .iqra-update summary{font-size:1.15rem;line-height:1.45;cursor:pointer;color:#35454d}
body .iqra-update details p{margin:16px 0 0;max-width:90ch}
body .section-edu-labs-form,body .section-jariyah-labs{padding-top:48px!important;margin-top:0!important}
body .section-edu-labs-form input,body .section-edu-labs-form select{min-height:48px}
body .iqra-page-intro{max-width:760px;margin:18px auto 0;text-align:center}
body .iqra-inline-label{display:inline;font:inherit}
body .iqra-mobile-hide{display:block}
body a,body button{touch-action:manipulation}
body button:focus-visible,body a:focus-visible,body summary:focus-visible{outline:3px solid #454c9c;outline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body .btn,body [class*="btn-"],body .iqra-button,body .iqra-filter,body .iqra-panel,body .iqra-card{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
 body .btn:hover,body [class*="btn-"]:hover,body .iqra-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #29353e1a}
 body .iqra-panel:hover,body .iqra-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #29353e0d}
 body .nav-link:hover{opacity:.82}
}
@media(max-width:991.98px){
 body .container{width:100%;padding-inline:24px}
 body .iqra-grid,body .iqra-video-grid,body .iqra-branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body .iqra-banner{grid-template-columns:1.2fr 1fr;gap:24px}
 body main>header .row>[class*="col-"]{width:100%;flex:0 0 100%}
 body main>header .header-img{max-height:300px;max-width:380px;margin-inline:auto}
 body main>header .round-background{max-width:100%;pointer-events:none}
 body .iqralabs_program .splide__background__program{min-height:0}
 body .iqralabs_tutor .row{margin-inline:0}
 body .iqra-consultation .iqra-card{display:block}
 body .iqra-consultation .iqra-card p{margin-block:12px 20px}
}
@media(max-width:599.98px){
 body .container{padding-inline:20px}
 body .iqra-grid,body .iqra-video-grid,body .iqra-branch-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 body .iqra-panel{padding:24px}
 body .iqra-panel.iqra-video-card,body .iqra-panel.iqra-branch{padding:0}
 body .iqra-banner{grid-template-columns:1fr;padding:28px 24px;gap:28px}
 body .iqra-banner img{max-height:240px;grid-row:2}
 body .iqra-price{font-size:2.1rem!important}
 body .iqra-video-frame{max-height:none;aspect-ratio:4/5}
 body .iqra-illustration{height:165px!important}
 body .iqra-consultation .iqra-card a{width:100%}
 body main>header .hero-img{width:100%!important;max-height:340px}
 body .iqralabs_program .splide__background__program img{max-height:240px}
 body .iqra-filter-bar{gap:8px}
 body .iqra-filter{padding:10px 14px}
 body .iqra-intro{text-align:left}
}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body>header.qutor-hero h1{font-size:clamp(2.15rem,4.2vw,3.7rem)!important;line-height:1.2!important}
body>header.qutor-hero h1 span{font-size:inherit!important}
body>header.qutor-hero{padding-block:clamp(36px,5vw,72px)}
body main .iqra-page-title{overflow-wrap:break-word}
body .iqra-page-intro{font-family:Nunito,sans-serif!important}
/* Keep utility classes from making headings heavier on selected routes. */
html body h1[class],html body h2[class],html body h3[class]{font-weight:500!important}
body .iqralabs_testimony .testimony_box{height:100%;padding:24px;border-radius:20px}
body .iqralabs_testimony .testimony_box h2{font-size:1.35rem!important;line-height:1.35!important;margin-block:18px 12px!important}
body .iqralabs_testimony .testimony_box p{font-size:.98rem;line-height:1.7}
body .iqralabs_testimony .testimony_image{width:100%;max-height:220px;object-fit:cover;border-radius:14px}
body .iqralabs_program .splide__background__program h3{font-size:clamp(1.6rem,2.7vw,2.3rem)!important;color:white;margin-bottom:20px}
body .iqra-empty-state{text-align:center;background:var(--iqra-cream);border:1px solid var(--iqra-border);border-radius:24px;padding:32px;max-width:760px;margin:24px auto}
body .iqra-empty-state[hidden]{display:none}
body .iqra-empty-state p{max-width:56ch;margin:0 auto 22px}