.engagement-table-wrap, .engagement-table-wrap * {
  font-family: 'Rubik', sans-serif !important;
}

.engagement-table-wrap {
  max-width: 1500px;
  margin: 0 auto;
}

.engagement-table-wrap table {
  border-collapse: collapse !important;
  width: 100% !important;
  table-layout: fixed !important;
  border-radius: 14px !important;
  overflow: hidden !important; /* clips the header row's top corners and last row's bottom corners */
}

.engagement-table-wrap td {
  border: 1px solid #e2dff0 !important;
  vertical-align: top !important;
  padding: 16px 18px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #1b1245 !important;
}

/* ---------- Header row (col headings) ---------- */
.engagement-table-wrap tr:first-child td {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  text-align: left !important;
  border: none !important;
  position: relative;
}

.engagement-table-wrap tr:first-child td:first-child {
  background: #ffffff !important;
}

.engagement-table-wrap tr:first-child td:not(:first-child) {
  padding: 22px 20px 22px 62px !important;
}

.engagement-table-wrap tr:first-child td:nth-child(2) { background: linear-gradient(135deg,#241068,#1a0c4d) !important; }
.engagement-table-wrap tr:first-child td:nth-child(3) { background: linear-gradient(135deg,#4c22b0,#351a86) !important; }
.engagement-table-wrap tr:first-child td:nth-child(4) { background: linear-gradient(135deg,#6535c9,#4a24a8) !important; }
.engagement-table-wrap tr:first-child td:nth-child(5) { background: linear-gradient(135deg,#2c1470,#190a45) !important; }

/* little icon boxes in each header, positioned top-left */
.engagement-table-wrap tr:first-child td:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 20px;
  width: 34px;
  height: 34px;
  border: 2px solid #ffffff;
  border-radius: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.engagement-table-wrap tr:first-child td:nth-child(2)::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8'><circle cx='12' cy='8' r='4'/><path d='M4 21c0-4 3.5-7 8-7s8 3 8 7'/></svg>");
}
.engagement-table-wrap tr:first-child td:nth-child(3)::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8'><rect x='5' y='4' width='14' height='17' rx='1'/><path d='M9 3h6v3H9z'/><path d='M8 11h8M8 14h8M8 17h5'/></svg>");
}
.engagement-table-wrap tr:first-child td:nth-child(4)::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8'><path d='M3 20h18'/><path d='M6 20V12M11 20V8M16 20V13M21 4l-6 6-3-3-6 6'/><path d='M15 4h6v6'/></svg>");
}
.engagement-table-wrap tr:first-child td:nth-child(5)::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8'><path d='M3 8l4 3 5-6 5 6 4-3-2 11H5L3 8z'/></svg>");
}

/* ---------- Row label column (first cell of every data row) ---------- */
.engagement-table-wrap tr:not(:first-child) td:first-child {
  background: #ece9f7 !important;
  color: #12124a !important;
  font-weight: 700 !important;
  text-align: left !important;
  width: 150px !important;
}

/* ---------- Zebra shading across data rows ---------- */
.engagement-table-wrap tr:not(:first-child):nth-child(even) td:not(:first-child) { background: #ffffff !important; }
.engagement-table-wrap tr:not(:first-child):nth-child(odd)  td:not(:first-child) { background: #faf9fd !important; }

/* ---------- Row 2 (client need) & Row 4 (strategic objective): centered descriptive text ---------- */
.engagement-table-wrap tr:nth-child(2) td:not(:first-child),
.engagement-table-wrap tr:nth-child(4) td:not(:first-child) {
  text-align: center !important;
  font-weight: 600 !important;
}

/* ---------- Row 3: Commercial Model — bold centered ---------- */
.engagement-table-wrap tr:nth-child(3) td:not(:first-child) {
  text-align: center !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  color: #12124a !important;
}

/* ---------- Rows 5 & 6: bullet lists (Typical Services / What You Receive) ---------- */
.engagement-table-wrap tr:nth-child(5) ul,
.engagement-table-wrap tr:nth-child(6) ul {
  margin: 0 !important;
  padding-left: 18px !important;
  font-weight: 600 !important;
  color: #12124a !important;
}
.engagement-table-wrap tr:nth-child(5) li,
.engagement-table-wrap tr:nth-child(6) li {
  margin-bottom: 6px !important;
}

/* ---------- Row 7: Business Benefits — checkmark bullets ---------- */
.engagement-table-wrap tr:nth-child(7) td:not(:first-child) p {
  position: relative !important;
  padding-left: 26px !important;
  margin: 0 0 8px 0 !important;
  font-weight: 600 !important;
  color: #12124a !important;
  text-align: left !important;
  font-size: 14px !important; /* resets any stray inline font-size on individual lines */
}
.engagement-table-wrap tr:nth-child(7) td:not(:first-child) p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  border: 2px solid #5b2fc2;
  border-radius: 50%;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='%235b2fc2' stroke-width='3' d='M4 12l5 5L20 6'/></svg>") no-repeat center;
  background-size: 10px 10px;
}