.engagement {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #2e2e2e;
  background: #fff;
  overflow-x: hidden;
}
.gap-20{
  gap: 20px;
}
.section-eyebrow {
      font-size: 16px;
      color: #666;
      text-transform: uppercase;
      line-height: 24px;
      margin-bottom: 4px;
    }

.h-40 {
      font-family: 'Roboto Flex', sans-serif;
      font-weight: 700;
      font-size: 40px;
      line-height: 1.2;
      color: #000;
      font-variation-settings: "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79,
        "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712, "wdth" 112;
    }

@media (max-width: 991px) { .h-40 { font-size: 32px; } }

@media (max-width: 575px) { .h-40 { font-size: 26px; } }

.body-18 { font-size: 18px; line-height: 24px; color: #2e2e2e; }

.deliverable-section { padding: 120px 0; }

@media (max-width: 991px) { .deliverable-section { padding: 80px 0; } }

.deliverable-card {
    border-radius: 20px;
    padding: 24px 32px;
    min-height: 224px;
    max-width: 420px;
    height: 100%;
  }

.dc-1 { background: linear-gradient(-27.43deg, rgba(245,230,173,0.2) 0.38%, rgba(241,60,119,0.2) 88.88%); }

.dc-2 { background: linear-gradient(-27.60deg, rgba(150,198,234,0.12) 0.37%, rgba(181,151,246,0.12) 88.88%); }

.dc-3 { background: linear-gradient(-27.60deg, rgba(111,247,232,0.1) 0.37%, rgba(31,126,161,0.1) 88.88%); }

.dc-4 { background: linear-gradient(-27.43deg, rgba(77,201,230,0.1) 0.38%, rgba(33,12,174,0.1) 88.88%); }

.dc-5 { background: linear-gradient(-27.43deg, rgba(249,171,143,0.1) 0.38%, rgba(244,7,82,0.1) 88.88%); }

.deliverable-num { font-size: 16px; text-transform: uppercase; color: #666; margin-bottom: 8px; }

.deliverable-title {
      font-family: 'Roboto Flex', sans-serif;
      font-weight: 700;
      font-size: 20px;
      line-height: 1.2;
      color: #000;
      font-variation-settings: "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79,
        "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712, "wdth" 112;
      margin-bottom: 32px;
    }

.section-title-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }