/* values */
.values {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
}
.values.values--dark .values__item {
  background-color: var(--matte-blue);
}
.values.values--dark .values__item.values__item--heading {
  background-color: var(--brand-blue);
}
.values.values--white .values__item {
  background-color: var(--white);
}
.values.values--white .values__item.values__item--heading {
  background-color: var(--brand-blue);
}
.values.values--2-cols {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 575px) {
  .values.values--2-cols {
    grid-template-columns: 1fr;
  }
}
.values.values--3-cols {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991px) {
  .values.values--3-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .values.values--3-cols {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1365px) {
  .values {
    grid-template-columns: repeat(2, minmax(280px, 1fr));
  }
}
@media (max-width: 767px) {
  .values {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}
.values__item {
  min-height: 158px;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 20px;
  background-color: var(--main-bg-color);
}
.values__item.values__item--heading {
  background-color: var(--brand-blue);
  color: var(--white);
}
.values__icon {
  width: 40px;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}
.values__icon img {
  max-width: 100%;
}
.values__text {
  margin-top: 0.75rem;
}