.grid {
  display: grid;
  gap: var(--Spacing-x3);
}
@media screen and (min-width: 767px) {
  .grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid:has(.usp:nth-child(4)) {
    grid-template-columns: repeat(2, 1fr);
  }
}
.usp {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x3);
}
.p {
  margin: 0;
  font-size: var(--typography-Caption-Regular-fontSize);
  color: var(--UI-Text-Medium-contrast);
  line-height: 21px; /* Caption variable for line-height is 139.9999976158142%, but it set to 21px in design  */
}
.a {
  font-size: var(--typography-Caption-Regular-fontSize);
  color: var(--Base-Text-High-contrast);
}