:root{
    --bcm-brand:#2ab6d8;    
    --bcm-border:#E1E4EF;
    --bcm-inner:#EEF1FF;
    --bcm-text:#111827;
  }
  
  /* GRID: 3 box hàng 1, 2 box hàng 2 */
  .benefit-grid-custom{
    display:grid;
    grid-template-columns:1fr;
    gap:24px;
    max-width:100%;
    margin:24px auto;
}
  @media (min-width:640px){
    .benefit-grid-custom{ grid-template-columns:repeat(6,1fr); }
    .benefit-card-custom.row-1{ grid-column:span 2; }
    .benefit-card-custom.row-2{ grid-column:span 3; }
  }
  
  /* CARD */
  .benefit-card-custom{
    position:relative;
    background:#fff;
    border:1px solid var(--bcm-border);
    border-radius:12px;
    box-shadow:0 12px 28px rgba(0,0,0,.08);
    padding:24px 18px 18px;
  }
  
  /* thanh đỉnh */
  .benefit-topbar-custom{
    position:absolute;
    left:18px; right:18px; top:10px;
    height:6px;
    background:var(--bcm-brand);
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    z-index: 1;
  }
  
  .benefit-badge-custom{
    position:absolute;
    top:-5%; left:50%; transform:translateX(-50%);
    width:44px; height:44px;
    display:flex;                /* dùng flex để căn giữa */
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--bcm-brand);
    color:#fff;
    font:700 16px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    border:4px solid #ECFEFF;
    box-shadow:0 10px 22px rgba(42,182,216,.28);
    z-index:2;
  }
  .benefit-badge-custom i{
    font-size:16px;
    line-height:1;
  }
  
  
  /* khung trong */
  .benefit-inner-custom{
    margin-top:22px;
    background:#fff;
    border:1px solid var(--bcm-inner);
    border-radius:10px;
    padding:16px 16px 14px;
  }
  .benefit-inner-custom h3{
    margin:0 0 8px;
    font:800 22px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:var(--bcm-text);
    text-align:center;
  }
  .benefit-inner-custom p{
    margin:0;
    font:400 14px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:var(--bcm-text);
  }
  
  /* rất nhỏ */
  @media (max-width:360px){
    .benefit-badge-custom{ top:-10px; width:36px; height:36px; line-height:36px; font-size:14px; }
    .benefit-badge-custom i{ font-size:14px; line-height:36px; }
  }