/* Start custom CSS for html, class: .elementor-element-42ab240 *//* ===== Base (palette) ===== */
:root{
  --bp-bg:#011a33;        /* deep blue (not used here) */
  --bp-text:#EAF2FF;      /* light text */
  --bp-red:#EF4444;       /* accent */
}

/* ===== Section (no colored background) ===== */
.bp-soft-section{
  background:transparent;               /* was var(--bp-bg) */
  color:inherit;
  padding:28px 18px;
}
.bp-soft-wrap{ max-width:920px; margin:0 auto; }

/* ===== Heading ===== */
.bp-soft-title{
  margin:0;
  font-weight:800;
  font-size:28px;
  letter-spacing:.02em;
  color:#0b2543;                        /* dark navy for light page */
}
.bp-soft-underline{
  display:block;
  width:88px; height:4px; border-radius:3px;
  background:var(--bp-red);
  margin-top:8px;
}
.bp-soft-sub{
  margin:6px 0 16px;
  color:#3b4e6b;                        /* softer navy */
  opacity:1;
}

/* ===== Buttons grid: 5 per row (then 4/3/2) ===== */
.bp-soft-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:12px;
}
@media (max-width:1200px){ .bp-soft-grid{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:900px){  .bp-soft-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:600px){  .bp-soft-grid{ grid-template-columns:repeat(2,1fr); } }

/* ===== Button look (unchanged) ===== */
.bp-soft-btn{
  display:flex; align-items:center; justify-content:center;
  height:48px; padding:0 14px;
  border-radius:12px;
  background:#0c2646;                   /* dark pill */
  color:#fff; text-decoration:none; font-weight:800;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 6px 16px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .15s ease;
  text-align:center; line-height:1.1;
}
.bp-soft-btn:hover{ transform:translateY(-2px); }/* End custom CSS */