/* ===== BEGIN home-provider-section.css ===== */
/* INDIBEMS PROVIDER SECTION — CONNECTED PROVIDER CARDS */
.indibems-provider-section{position:relative;overflow:hidden;padding:64px 0 68px;background:#fff;color:#0b1730;border-top:1px solid #eef1f5}
.provider-section-shell{width:100%;margin:0 auto}
.provider-section-heading{width:min(820px,calc(100% - 32px));margin:0 auto 42px;text-align:center}
.provider-section-kicker{display:inline-flex;align-items:center;justify-content:center;color:#002f78;font:700 10px/1 "Poppins",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.provider-section-heading h2{margin:0;color:#082f68;font-family:"Blacker Sans Pro","Poppins",sans-serif;font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-1px;font-weight:800}
.provider-section-heading p{margin:12px auto 0;color:#6b7688;font:400 clamp(15px,1.25vw,18px)/1.55 "Poppins",sans-serif}
/* Match the exact desktop card container geometry used by Section 2 below. */
.provider-card-shell{width:88%;max-width:1280px;margin:0 auto}
.provider-card-grid{width:100%}
/* Card height/spacing intentionally inherit from .indibems-section-2__card so both sections match exactly. */
@media (min-width:641px) and (max-width:1170px){.indibems-provider-section{padding:56px 0 60px}.provider-section-heading{margin-bottom:32px}}
@media (max-width:640px){.indibems-provider-section{padding:46px 0 50px}.provider-section-heading{width:calc(100% - 28px);margin-bottom:20px}.provider-section-kicker{font-size:9px}.provider-section-heading h2,.provider-section-heading h2#provider-title{font-size:19px !important;letter-spacing:-.35px;margin:0;line-height:1.12}.provider-section-heading p{margin-top:9px;font-size:14px;line-height:1.5}}

.provider-section-heading h2 .provider-title-black{color:#111827}
.provider-section-heading h2 .provider-title-accent{color:#002f78}

/* TELKOMSEL-STYLE TOP CORNERS — tablet/mobile geometry */
/* The reference uses a clean section break: no negative overlap,
   only a restrained top-left/top-right corner reveal over the dark hero. */
@media (min-width:641px) and (max-width:1170px){
  .indibems-campaign-hero{position:relative;z-index:1}
  .indibems-provider-section{
    position:relative!important;
    z-index:5!important;
    width:100%!important;
    margin:0!important;
    padding:40px 24px 56px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:0!important;
    border-radius:16px 16px 0 0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
}
@media (max-width:640px){
  html body main.indibems-homepage{
    background:#030b16!important;
  }
  html body .indibems-campaign-hero{
    position:relative!important;
    z-index:1!important;
  }
  html body .indibems-provider-section{
    position:relative!important;
    z-index:5!important;
    width:100%!important;
    background:transparent!important;
    padding:0!important;
    margin:0!important;
    min-height:0!important;
    height:auto!important;
    border:0!important;
    overflow:visible!important;
  }
  html body .indibems-provider-section .provider-section-shell{
    position:relative!important;
    width:100%!important;
    margin:0!important;
    min-height:0!important;
    height:auto!important;
    padding:22px 0 12px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border-radius:20px 20px 0 0!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  html body .indibems-provider-section .provider-section-heading{
    width:calc(100% - 28px)!important;
    margin:0 auto 12px!important;
  }
  html body .indibems-provider-section .provider-section-heading h2{
    margin:0!important;
  }
  html body .indibems-provider-section .provider-section-heading p{
    margin:9px auto 0!important;
  }
}

@media (max-width:720px){
  .provider-card-shell{width:calc(100% - 32px)}
}
@media (max-width:640px){
  html body .indibems-provider-section .provider-section-heading{margin:0 auto 27px!important}
}
@media (max-width:340px){
  .provider-card-shell{width:calc(100% - 28px)}
}

/* ===== END home-provider-section.css ===== */