/* ===== BEGIN home-provider-section.css ===== */
/* INDIBEMS PROVIDER MARQUEE — CLEAN REBUILD */
.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(760px,calc(100% - 32px));margin:0 auto 30px;text-align:center}
.provider-section-kicker{display:inline-flex;align-items:center;justify-content:center;color:#e51d35;font:700 10px/1 "Poppins",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.provider-section-heading h2{margin:0 0 7px;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:0;color:#6b7688;font:400 13px/1.6 "Poppins",sans-serif}
.provider-marquee{position:relative;width:100%;overflow:hidden;padding:10px 0 12px;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.provider-marquee-track{display:flex;width:max-content;transform:translate3d(0,0,0);animation:providerMarqueeMove var(--provider-duration,42s) linear infinite;will-change:transform}
.provider-marquee-group{display:flex;align-items:center;gap:30px;flex:0 0 auto;padding-right:30px}
.provider-marquee-logo{width:182px;height:88px;flex:0 0 182px;display:flex;align-items:center;justify-content:center;padding:4px 8px;background:transparent;border:0;text-decoration:none;outline:0}
.provider-marquee-logo img{display:block;width:182px;height:80px;object-fit:contain;object-position:center;max-width:100%;transition:transform .22s ease,opacity .22s ease}
@media (hover:hover) and (pointer:fine){.provider-marquee-logo:hover img{transform:scale(1.045)}.provider-marquee:hover .provider-marquee-track{animation-play-state:paused}}
@keyframes providerMarqueeMove{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--provider-group-width, 0px)),0,0)}}
@media (min-width:641px) and (max-width:1170px){.indibems-provider-section{padding:56px 0 60px}.provider-section-heading{margin-bottom:25px}.provider-marquee-group{gap:24px;padding-right:24px}.provider-marquee-logo{width:155px;height:74px;flex-basis:155px}.provider-marquee-logo img{width:155px;height:68px}}
@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 0 6px;line-height:1.12}.provider-section-heading p{font-size:11.5px;line-height:1.55}.provider-marquee{padding:7px 0 9px}.provider-marquee-group{gap:16px;padding-right:16px}.provider-marquee-logo{width:126px;height:64px;flex-basis:126px;padding:2px 5px}.provider-marquee-logo img{width:126px;height:58px}}
@media (prefers-reduced-motion:reduce){.provider-marquee-track{animation:none!important;transform:none!important}.provider-marquee{mask-image:none;-webkit-mask-image:none;overflow-x:auto}.provider-marquee-group{padding-right:20px}}

.provider-section-heading h2 .provider-title-black{color:#111827}
.provider-section-heading h2 .provider-title-red{color:#e51d35}

/* 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 0 6px!important;
  }
  html body .indibems-provider-section .provider-section-heading p{
    margin:0!important;
  }
  html body .indibems-provider-section .provider-marquee{
    padding:4px 0 5px!important;
  }
}

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