/* IWEBS-SHARED-PAGES-V45 */
.iw33-header,.iw33-header *{box-sizing:border-box}
.iw33-header{
 position:sticky;top:0;z-index:900;
 background:#fff;
 border-bottom:1px solid #e6edf5;
 font-family:system-ui,-apple-system,Arial,sans-serif;
 color:#172b46;
 isolation:isolate;
}
.iw33-header .container{
 width:min(1210px,calc(100% - 42px));
 max-width:1210px;
 margin:0 auto;
 padding:0;
}
.iw33-header a{text-decoration:none}
.iw33-header .nav-inner{
 height:76px;display:flex;
 align-items:center;justify-content:space-between;gap:20px;
}
.iw33-header .iw33-brand{
 display:flex;align-items:center;flex-shrink:0;
}
.iw33-header .iw33-brand img{
 display:block;width:145px;height:auto;
 max-height:55px;object-fit:contain;
}
.iw33-header .iw33-links{
 display:flex;align-items:center;
 gap:14px;margin-left:auto;
}
.iw33-header .iw33-links>a,
.iw33-header .iw33-service-btn{
 display:inline-flex;align-items:center;gap:7px;
 font-size:12px;font-weight:750;
 line-height:1.4;color:#233d5b;
 white-space:nowrap;text-decoration:none;
}
.iw33-header .iw33-icon{
 width:17px;height:17px;flex-shrink:0;
}
.iw33-header .iw33-service-btn{
 background:transparent;border:0;
 padding:27px 0;cursor:pointer;
 font-family:inherit;
}
.iw33-header .iw33-links a:hover,
.iw33-header .iw33-service-btn:hover{color:#2864eb}
.iw33-header .iw33-action{
 display:inline-flex;align-items:center;gap:8px;
 padding:12px 14px;background:#172e4f;
 color:#fff;border-radius:9px;
 font-size:11px;font-weight:800;
 text-decoration:none;white-space:nowrap;
}
.iw33-header .iw33-action:hover{background:#2457a0;color:#fff}
.iw33-header .iw33-service{position:static}
.iw33-header .iw33-mega{
 display:none;position:absolute;
 top:calc(100% - 2px);left:0;right:0;
 z-index:950;background:#fff;
 border-top:1px solid #e8edf5;
 border-bottom:1px solid #dfe8f3;
 box-shadow:0 24px 45px #10284422;
 max-height:calc(100vh - 80px);
 overflow-y:auto;
}
.iw33-header .iw33-service.iw45-open .iw33-mega,
.iw33-header .iw33-service:hover .iw33-mega,
.iw33-header .iw33-service:focus-within .iw33-mega{
 display:block;
}
.iw33-header .iw33-mega-inner{
 display:grid;
 grid-template-columns:1.15fr repeat(3,1fr);
 gap:25px;padding-top:29px;padding-bottom:30px;
}
.iw33-header .iw33-mega-intro{
 background:linear-gradient(140deg,#142d4b,#285b9d);
 color:white;border-radius:14px;padding:25px;
}
.iw33-header .iw33-mega-intro>span{
 color:#b9d4fa;font-size:10px;font-weight:850;
 letter-spacing:1px;
}
.iw33-header .iw33-mega-intro strong{
 display:block;font-size:21px;line-height:1.3;
 margin:12px 0;color:#fff;
}
.iw33-header .iw33-mega-intro p{
 color:#dce8f7;font-size:12px;line-height:1.8;
}
.iw33-header .iw33-mega-cta{
 display:inline-flex;align-items:center;gap:7px;
 background:#fff;color:#174078;
 padding:10px 13px;border-radius:8px;
 font-size:11px;font-weight:800;
}
.iw33-header .iw33-mega-col h3{
 font-size:11px;font-weight:850;
 letter-spacing:1px;color:#285083;
 border-bottom:1px solid #e8edf5;
 padding-bottom:12px;margin:0 0 13px;
}
.iw33-header .iw33-mega-col>a{
 display:flex;align-items:center;gap:9px;
 padding:9px 7px;border-radius:7px;
 color:#425975;font-size:12px;font-weight:600;
}
.iw33-header .iw33-mega-col>a:hover{
 background:#eef5ff;color:#2864eb;
}
.iw33-header .mobile-toggle,
.iw33-header .iw33-mobile{display:none}
.iw33-header .mobile-toggle{
 border:1px solid #dce6f3;background:#fff;
 border-radius:8px;padding:7px 12px;
 font-size:21px;cursor:pointer;
}

/* Footer empat kolom */
.legacy-footer{
 background:#122a47!important;
 color:#cbd9e9!important;
 padding:60px 0 32px!important;
 font-family:system-ui,-apple-system,Arial,sans-serif;
}
.legacy-footer *{box-sizing:border-box}
.legacy-footer a{
 color:#cbd9e9!important;text-decoration:none;
}
.legacy-footer a:hover{color:#fff!important}
.legacy-footer .iw37-footer-container{
 width:min(1210px,calc(100% - 42px));
 max-width:1210px;margin:0 auto;padding:0;
}
.legacy-footer .iw37-footer-grid{
 display:grid!important;
 grid-template-columns:1.4fr 1fr 1fr 1.15fr!important;
 gap:34px;align-items:start;
}
.legacy-footer .iw37-footer-col{
 width:auto!important;min-width:0;
 padding:0!important;margin:0!important;
 float:none!important;
}
.legacy-footer .iw37-footer-col .row{
 display:block!important;
 width:100%!important;margin:0!important;
}
.legacy-footer .iw37-footer-col .link-site,
.legacy-footer .iw37-footer-col [class*="col-"]{
 display:block!important;
 width:100%!important;float:none!important;
 margin:0!important;padding:0!important;
}
.legacy-footer .iw37-footer-col p,
.legacy-footer .iw37-footer-col li,
.legacy-footer .iw37-footer-col a{
 font-size:14px!important;line-height:1.85!important;
 color:#cbd9e9!important;
}
.legacy-footer .iw37-footer-col ul{
 padding:0!important;margin:0!important;list-style:none!important;
}
.legacy-footer .iw37-footer-col li{
 padding:0!important;margin:0 0 10px!important;
 list-style:none!important;
}
.legacy-footer .iw45-footer-heading{
 display:flex;align-items:center;gap:10px;
 font-size:16px!important;font-weight:800!important;
 line-height:1.5;color:#fff!important;
 margin:0 0 20px!important;
}
.legacy-footer .iw45-footer-heading svg{
 width:21px;height:21px;color:#a6c9ff;flex-shrink:0;
}
.legacy-footer .iw45-service-link svg{
 width:14px;height:14px;margin-right:7px;
 color:#91bcff;vertical-align:middle;
}
.legacy-footer .iw37-footer-bottom{
 margin-top:27px;padding-top:20px;
 border-top:1px solid #ffffff28;
 color:#adc1d7;font-size:13px;
}
.legacy-footer .iw37-footer-bottom p,
.legacy-footer .iw37-footer-bottom a{
 color:#adc1d7!important;font-size:13px!important;
}
.legacy-footer .iw38-provinces{display:none!important}

/* Floating contact is styled by floating-contact.php */
@media(max-width:1180px){
 .iw33-header .iw33-links{gap:9px}
 .iw33-header .iw33-links>a,
 .iw33-header .iw33-service-btn{font-size:10px;gap:4px}
 .iw33-header .iw33-brand img{width:125px}
}
@media(max-width:980px){
 .iw33-header .iw33-links,
 .iw33-header .iw33-action,
 .iw33-header .iw33-mega{display:none!important}
 .iw33-header .mobile-toggle{display:block!important;margin-left:auto}
 .iw33-header .iw33-mobile.open{
  display:flex;flex-direction:column;
  max-height:78vh;overflow-y:auto;padding-bottom:18px;
 }
 .iw33-header .iw33-mobile>a{
  display:flex;gap:10px;align-items:center;
  border-bottom:1px solid #eaf0f7;
  padding:12px 5px;font-size:12px;font-weight:750;
  color:#263e5c;
 }
 .iw33-header .iw33-mobile-services summary{
  display:flex;gap:10px;align-items:center;
  padding:13px 5px;font-size:12px;font-weight:750;
  cursor:pointer;list-style:none;
 }
 .iw33-header .iw33-mobile-services summary::-webkit-details-marker{
  display:none
 }
 .iw33-header .iw33-mobile-services summary svg:last-child{
  margin-left:auto;
 }
 .iw33-header .iw33-mobile-groups{
  display:flex;flex-direction:column;
  padding:13px 18px;background:#f4f8ff;border-radius:10px;
 }
 .iw33-header .iw33-mobile-groups strong{
  font-size:10px;color:#285ec7;margin:13px 0 5px;
 }
 .iw33-header .iw33-mobile-groups a{
  display:block;padding:9px 0;color:#435b76;
  font-size:12px;border-bottom:1px solid #e6edf7;
 }
 .iw33-header .iw33-mobile-cta{
  margin-top:12px;background:#173451;
  color:white!important;border-radius:9px;
  justify-content:center;
 }
 .legacy-footer .iw37-footer-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
}
@media(max-width:600px){
 .iw33-header .nav-inner{height:66px}
 .legacy-footer .iw37-footer-grid{
  grid-template-columns:minmax(0,1fr)!important;gap:25px
 }
}



/* IWEBS-SHARED-FIX-V455 */

/*
 * Header and footer must use precisely the same desktop
 * container geometry. Override Bootstrap's .container
 * padding without expanding navigation to full viewport.
 */

@media (min-width: 981px) {

  body header.site-nav.iw33-header
  > div.container.nav-inner.iw33-nav {

    box-sizing: border-box !important;
    width: calc(100% - 42px) !important;
    max-width: 1210px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body header.site-nav.iw33-header
  > div.container.nav-inner.iw33-nav
  > a.iw33-brand {

    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}

/* Footer container mirrors header container. */

body footer.legacy-footer
.iw37-footer-container {

  box-sizing: border-box !important;
  width: calc(100% - 42px) !important;
  max-width: 1210px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*
 * Remove legacy circle bullets.
 * Keep the single blue arrow created by premium JS.
 */

body footer.legacy-footer
.iw37-footer-col:nth-child(2)
.fa-circle,

body footer.legacy-footer
.iw37-footer-col:nth-child(2)
span.fa.fa-circle {

  display: none !important;
}

/* Prevent list pseudo bullets from creating another symbol. */

body footer.legacy-footer
.iw37-footer-col:nth-child(2) li::before,

body footer.legacy-footer
.iw37-footer-col:nth-child(2) a::before {

  content: none !important;
  display: none !important;
}

/* Responsive alignment */

@media (max-width: 980px) {

  body header.site-nav.iw33-header
  > div.container.nav-inner.iw33-nav,

  body footer.legacy-footer
  .iw37-footer-container {

    box-sizing: border-box !important;
    width: calc(100% - 42px) !important;
    max-width: 1210px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 600px) {

  body header.site-nav.iw33-header
  > div.container.nav-inner.iw33-nav,

  body footer.legacy-footer
  .iw37-footer-container {

    width: calc(100% - 32px) !important;
  }
}


/* IWEBS-MEGA-GRID-V457 */

/* Override legacy Bootstrap layout inside mega menu */
@media(min-width:981px){

 body header.site-nav.iw33-header
 .iw33-mega > .container.iw33-mega-inner{
    display:grid!important;
    grid-template-columns:
      minmax(0,1.15fr)
      repeat(3,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    grid-auto-flow:row!important;
    align-items:start!important;
    gap:24px!important;

    box-sizing:border-box!important;
    width:calc(100% - 42px)!important;
    max-width:1210px!important;
    min-width:0!important;

    margin:0 auto!important;
    padding:29px 0 30px!important;

    float:none!important;
    clear:both!important;
    flex:none!important;
    flex-wrap:nowrap!important;
  }

 body header.site-nav.iw33-header
 .iw33-mega-inner > .iw33-mega-intro,

 body header.site-nav.iw33-header
 .iw33-mega-inner > .iw33-mega-col{
    display:block!important;
    box-sizing:border-box!important;

    width:auto!important;
    max-width:none!important;
    min-width:0!important;

    margin:0!important;
    float:none!important;
    clear:none!important;
    flex:none!important;

    grid-row:1!important;
  }

 body header.site-nav.iw33-header
 .iw33-mega-inner > .iw33-mega-intro{
    grid-column:1!important;
    padding:25px!important;
  }

 body header.site-nav.iw33-header
 .iw33-mega-inner > .iw33-mega-col:nth-child(2){
    grid-column:2!important;
  }

 body header.site-nav.iw33-header
 .iw33-mega-inner > .iw33-mega-col:nth-child(3){
    grid-column:3!important;
  }

 body header.site-nav.iw33-header
 .iw33-mega-inner > .iw33-mega-col:nth-child(4){
    grid-column:4!important;
  }

 body header.site-nav.iw33-header
 .iw33-mega-inner > .iw33-mega-col > a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    gap:9px!important;
    float:none!important;
    clear:none!important;
  }

 body header.site-nav.iw33-header
 .iw33-mega-inner > .iw33-mega-col > a > svg{
    flex:0 0 17px!important;
  }

 body header.site-nav.iw33-header
 .iw33-mega-inner > .iw33-mega-col > a > span{
    min-width:0!important;
  }
}


/* IWEBS-FOOTER-TYPOGRAPHY-V458
   Normalisasi footer halaman internal IWEBS.ID.
   Homepage premium tidak terpengaruh.
*/

body footer.legacy-footer {
    font-family: system-ui, -apple-system, "Segoe UI",
                 Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

/* Konsistensi judul empat kolom */
body footer.legacy-footer
.iw37-footer-grid .iw45-footer-heading {
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    color: #ffffff !important;
    margin-bottom: 22px !important;
}

/* Tipografi konten sama untuk semua kolom */
body footer.legacy-footer
.iw37-footer-grid .iw37-footer-col p,

body footer.legacy-footer
.iw37-footer-grid .iw37-footer-col li,

body footer.legacy-footer
.iw37-footer-grid .iw37-footer-col a,

body footer.legacy-footer
.iw37-footer-grid .iw37-footer-col span:not(.title) {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.85 !important;
    letter-spacing: 0 !important;
}

/* Bold bawaan tetap dipertahankan */
body footer.legacy-footer
.iw37-footer-col strong,
body footer.legacy-footer
.iw37-footer-col b {
    font-weight: 700 !important;
}

/* Paragraf Sekilas */
body footer.legacy-footer
.iw37-footer-col:first-child p {
    margin-bottom: 16px !important;
    line-height: 1.85 !important;
}

/* Layanan: hanya ikon panah premium */
body footer.legacy-footer
.iw37-footer-col:nth-child(2) .fa-circle,
body footer.legacy-footer
.iw37-footer-col:nth-child(2) i.fa-circle,
body footer.legacy-footer
.iw37-footer-col:nth-child(2) span.fa-circle {
    display: none !important;
}

/* Kontak: sembunyikan ikon email, telepon, dan ikon
   bawaan lainnya, tetapi jangan sembunyikan ikon judul */
body footer.legacy-footer
.iw37-footer-col:nth-child(3) .link-site i.fa,
body footer.legacy-footer
.iw37-footer-col:nth-child(3) .link-site span.fa,
body footer.legacy-footer
.iw37-footer-col:nth-child(3) a > i.fa,
body footer.legacy-footer
.iw37-footer-col:nth-child(3) a > svg,
body footer.legacy-footer
.iw37-footer-col:nth-child(3) p > i.fa {
    display: none !important;
}

/* Teks kontak tetap sejajar di sisi kiri */
body footer.legacy-footer
.iw37-footer-col:nth-child(3) .link-site a {
    display: inline !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Hilangkan dekorasi list lama */
body footer.legacy-footer
.iw37-footer-col:nth-child(3) li::before,
body footer.legacy-footer
.iw37-footer-col:nth-child(3) a::before {
    display: none !important;
    content: none !important;
}

/* Jarak seragam antara link Layanan */
body footer.legacy-footer
.iw37-footer-col:nth-child(2) li {
    margin-bottom: 11px !important;
}

/* Copyright */
body footer.legacy-footer .iw37-footer-bottom,
body footer.legacy-footer .iw37-footer-bottom p,
body footer.legacy-footer .iw37-footer-bottom a {
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
}

/* Responsif: ukuran font tetap konsisten */
@media (max-width: 600px) {
    body footer.legacy-footer
    .iw37-footer-grid .iw37-footer-col p,
    body footer.legacy-footer
    .iw37-footer-grid .iw37-footer-col li,
    body footer.legacy-footer
    .iw37-footer-grid .iw37-footer-col a {
        font-size: 14px !important;
    }
}



/* IWEBS-ARTICLE-PREMIUM-V46 */
.iw46-articles,.iw46-articles *{box-sizing:border-box}
.iw46-articles{
 background:#f5f8fd!important;
 padding:64px 0 62px!important;
 width:100%;
 font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 color:#152f51;
}
.iw46-container{
 width:min(1210px,calc(100% - 42px));
 max-width:1210px;
 margin:0 auto;
}
.iw46-heading{text-align:center;margin-bottom:36px}
.iw46-eyebrow{
 display:block;color:#2864eb;
 font-size:11px;font-weight:850;
 letter-spacing:2px;margin-bottom:15px;
}
.iw46-heading h2{
 font-family:inherit!important;
 font-size:clamp(30px,3.3vw,43px)!important;
 font-weight:800!important;
 letter-spacing:-1.3px!important;
 line-height:1.22!important;
 color:#152f51!important;
 margin:0 0 15px!important;
 text-transform:none!important;
}
.iw46-heading p{
 font-size:14px!important;
 color:#7184a0!important;
 line-height:1.8!important;
 margin:0!important;
}
.iw46-viewport{overflow:hidden;width:100%}
.iw46-track{
 display:flex;
 transition:transform .4s ease;
 align-items:stretch;
}
.iw46-page{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:22px;
 flex:0 0 100%;
 min-width:0;
}
.iw46-card{
 display:flex;
 flex-direction:column;
 overflow:hidden;
 min-width:0;
 background:#fff;
 border:1px solid #dde8f6;
 border-radius:17px;
 text-decoration:none!important;
 color:#142e50!important;
 transition:box-shadow .2s,transform .2s;
}
.iw46-card:hover{
 transform:translateY(-3px);
 box-shadow:0 14px 28px #163f7014;
}
.iw46-media{
 height:205px;
 overflow:hidden;
 background:#edf3fb;
}
.iw46-media img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
}
.iw46-media[hidden]{display:none!important}
.iw46-body{
 display:flex;
 flex-direction:column;
 gap:17px;
 padding:22px;
 min-height:162px;
 flex:1;
}
.iw46-title{
 display:block;
 font-size:16px;
 font-weight:800;
 line-height:1.5;
 color:#142e50;
}
.iw46-read{
 display:block;
 margin-top:auto;
 font-size:12px;
 font-weight:800;
 color:#2864eb;
}
.iw46-controls{
 display:flex;
 justify-content:center;
 align-items:center;
 gap:24px;
 margin-top:26px;
}
.iw46-arrow{
 width:42px;
 height:42px;
 display:grid;
 place-items:center;
 border:1px solid #dbe5f4;
 border-radius:50%;
 background:white;
 color:#214469;
 cursor:pointer;
 font-size:24px;
 line-height:1;
}
.iw46-arrow:disabled{opacity:.3;cursor:default}
.iw46-dots{display:flex;gap:9px;align-items:center}
.iw46-dot{
 display:block;
 border:0;
 padding:0;
 width:9px;
 height:9px;
 background:#cad6e8;
 border-radius:20px;
 cursor:pointer;
}
.iw46-dot[aria-current="true"]{
 width:27px;
 background:#2864eb;
}
.iw46-card:focus-visible,.iw46-arrow:focus-visible,
.iw46-dot:focus-visible{
 outline:3px solid #2864eb;outline-offset:3px;
}
@media(max-width:950px){
 .iw46-page{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .iw46-articles{padding:46px 0!important}
 .iw46-page{grid-template-columns:minmax(0,1fr)}
 .iw46-container{width:calc(100% - 32px)}
 .iw46-media{height:210px}
}
@media(prefers-reduced-motion:reduce){
 .iw46-track,.iw46-card{transition:none}
}