/* v74: ten services, distinct two-tone SVGs and one full-width next action. */
.models .deliverables {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: none;
  column-gap: clamp(24px, 3vw, 44px);
  row-gap: 0;
}
.models .deliverables li:nth-child(1) { --svc-color: #a9c7ae; --svc-rgb: 169 199 174; --svc-art: url('/elvion-assets/service-icons-v74/leads.svg'); }
.models .deliverables li:nth-child(2) { --svc-color: #d5c7a9; --svc-rgb: 213 199 169; --svc-art: url('/elvion-assets/service-icons-v74/contract.svg'); }
.models .deliverables li:nth-child(3) { --svc-color: #d9ba78; --svc-rgb: 217 186 120; --svc-art: url('/elvion-assets/service-icons-v74/strategy.svg'); }
.models .deliverables li:nth-child(4) { --svc-color: #b6a7cd; --svc-rgb: 182 167 205; --svc-art: url('/elvion-assets/service-icons-v74/creatives.svg'); }
.models .deliverables li:nth-child(5) { --svc-color: #91bcb1; --svc-rgb: 145 188 177; --svc-art: url('/elvion-assets/service-icons-v74/protection.svg'); }
.models .deliverables li:nth-child(6) { --svc-color: #9ab5d4; --svc-rgb: 154 181 212; --svc-art: url('/elvion-assets/service-icons-v74/analytics.svg'); }
.models .deliverables li:nth-child(7) { --svc-color: #b4c18f; --svc-rgb: 180 193 143; --svc-art: url('/elvion-assets/service-icons-v74/control.svg'); }
.models .deliverables li:nth-child(8) { --svc-color: #d7ae91; --svc-rgb: 215 174 145; --svc-art: url('/elvion-assets/service-icons-v74/call-center.svg'); }
.models .deliverables li:nth-child(9) { --svc-color: #9eacca; --svc-rgb: 158 172 202; --svc-art: url('/elvion-assets/service-icons-v74/integrations.svg'); }
.models .deliverables li:nth-child(10) { --svc-color: #c7a7ba; --svc-rgb: 199 167 186; --svc-art: url('/elvion-assets/service-icons-v74/design.svg'); }
.models .deliverables li:not(.svc-cta) {
  min-width: 0;
  gap: 18px;
}
.models .deliverables .svc-ico {
  width: 58px;
  height: 58px;
  border-color: rgb(var(--svc-rgb) / .28);
  background: rgb(var(--svc-rgb) / .08);
}
.models .deliverables .svc-ico::before,
.models .deliverables li:not(.svc-cta):hover .svc-ico::before {
  width: 32px;
  height: 32px;
  -webkit-mask: none;
  mask: none;
  background: var(--svc-art) center / contain no-repeat;
}
.models .deliverables li:not(.svc-cta) h3 {
  font-size: clamp(18px, 1.5vw, 21px);
  line-height: 1.35;
  text-wrap: pretty;
}
.models .deliverables .svc-cta {
  grid-column: 1 / -1;
  margin-top: 28px;
}
.models .deliverables .svc-cta a {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  min-height: 128px;
  height: auto;
  padding: 26px 30px;
}
.models .deliverables .svc-cta a span {
  max-width: 30ch;
  font-size: clamp(22px, 2vw, 26px);
  line-height: 1.25;
}
.models .deliverables .svc-cta a b {
  align-self: center;
  width: auto;
  height: 52px;
  margin: 0;
  padding-inline: 24px;
  font-size: 15px;
}
@media (min-width: 1280px) {
  .models .deliverables {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: clamp(24px, 2vw, 36px);
  }
  .models .deliverables li:not(.svc-cta) {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 18px;
    min-height: 184px;
    padding-block: 26px;
  }
  .models .deliverables li:not(.svc-cta) h3 {
    max-width: 22ch;
    font-size: clamp(18px, 1.3vw, 20px);
  }
}
@media (max-width: 720px) {
  .models .deliverables { column-gap: 22px; }
  .models .deliverables li:not(.svc-cta) {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    min-height: 0;
    padding-block: 24px;
  }
  .models .deliverables .svc-ico { width: 50px; height: 50px; }
  .models .deliverables .svc-ico::before,
  .models .deliverables li:not(.svc-cta):hover .svc-ico::before { width: 28px; height: 28px; }
  .models .deliverables li:not(.svc-cta) h3 {
    max-width: 23ch;
    font-size: clamp(15px, 3.9vw, 16px);
    line-height: 1.35;
  }
  .models .deliverables .svc-cta { margin-top: 16px; }
  .models .deliverables .svc-cta a {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    min-height: 0;
    padding: 22px;
  }
  .models .deliverables .svc-cta a span { max-width: 21ch; font-size: 22px; }
  .models .deliverables .svc-cta a b {
    align-self: stretch;
    width: 100%;
    height: 54px;
  }
}