/* =========================
   SECTION (FULL WIDTH)
========================= */
.neeb-erb-benefits{
  position:relative;
  overflow:hidden;

  /* 🔥 FULL WIDTH BREAKOUT */
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  padding:110px 24px;

  background:
    radial-gradient(circle at 15% 20%, rgba(255,255,255,.06), transparent 30%),
    radial-gradient(circle at 85% 80%, rgba(255,255,255,.04), transparent 30%),
    linear-gradient(135deg, #07364a 0%, #084863 45%, #0b6b8d 100%);
}

/* =========================
   CONTAINER
========================= */
.neeb-erb-benefits-container{
  max-width:1100px;
  margin:0 auto;
}

/* =========================
   HEADER
========================= */
.neeb-erb-benefits-head{
  text-align:center;
  margin-bottom:42px;
}

.neeb-erb-benefits-head h2{
  margin:0;
  font-size:44px;
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.04em;
  color:#ffffff;
}

.neeb-erb-benefits-head span{
  color:#cfe8f1;
}

/* =========================
   GRID
========================= */
.neeb-erb-benefits-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}

/* =========================
   ITEM
========================= */
.neeb-erb-benefit{
  display:flex;
  align-items:flex-start;
  gap:14px;

  padding:22px 20px;
  border-radius:20px;

  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);

  transition:.25s ease;
}

.neeb-erb-benefit:hover{
  background:rgba(255,255,255,.12);
  transform:translateY(-2px);
}

/* ICON */
.neeb-erb-benefit-icon{
  display:flex;
  align-items:center;
  justify-content:center;

  width:30px;
  height:30px;
  border-radius:50%;

  background:#ffffff;
  color:#084863;
  font-size:14px;
  font-weight:800;

  flex-shrink:0;
}

/* TEXT */
.neeb-erb-benefit p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color:rgba(255,255,255,.88);
}

/* =========================
   MOBILE
========================= */
@media (max-width:767px){

  .neeb-erb-benefits{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
    padding:56px 16px;
  }

  .neeb-erb-benefits-head{
    text-align:left;
    margin-bottom:28px;
  }

  .neeb-erb-benefits-head h2{
    font-size:30px;
    line-height:1.08;
  }

  .neeb-erb-benefits-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .neeb-erb-benefit{
    padding:18px;
    border-radius:18px;
  }

  .neeb-erb-benefit p{
    font-size:14px;
    line-height:1.65;
  }

  .neeb-erb-benefit-icon{
    width:26px;
    height:26px;
    font-size:12px;
  }
}