/*<<< card4 */
._card4-list {
  display: grid;
  gap: 3rem;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))
}

@media(min-width:768px) and (max-width:991.98px) {
  ._card4-list {
    grid-template-columns: repeat(auto-fit, minmax(1fr, 1fr));
  }
}

._card4 {
  padding: 3.4rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  border: 1px solid var(--color-clean);
  background-color: var(--color-clean);
  border-radius: 3rem;
  box-shadow: 0px 8px 13px -3px rgba(0, 0, 0, 0.1);
  transition: .2s all ease-in-out;
}

._card4.--center {
  align-items: center;
  text-align: center;
}

._card4__icon {
  font-size: 5rem;
}

._card4__icon i {
  color: var(--color-primary);
}

._card4__button {
  font-size: 3.6rem;
}

._card4__button i {
  color: var(--color-primary);
}

._card4:hover {
  background-color: var(--color-dark);
  color: var(--color-clean);
}

._card4:hover ._card4__icon i {
  color: var(--color-secondary);
  scale: 1.2;
}

._card4:hover ._card4__button i {
  color: var(--color-secondary);
}
/* card4 >>>*/