.px-textimagewall {
  container-type: inline-size;
}
.px-textimagewall-inner {
  display: grid;
  gap: 30px;
}
.px-textimagewall-inner.cols-4 {
  grid-template-columns: repeat(auto-fit, minmax(calc(25% - 3 * 30px / 4), 1fr));
}
.px-textimagewall-inner.cols-3 {
  grid-template-columns: repeat(auto-fit, minmax(calc(33.333% - 2 * 30px / 3), 1fr));
}
@container (width <=1024px) {
  .px-textimagewall-inner.cols-4, .px-textimagewall-inner.cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@container (width <=768px) {
  .px-textimagewall-inner.cols-4, .px-textimagewall-inner.cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container (width <=640px) {
  .px-textimagewall-inner.cols-4, .px-textimagewall-inner.cols-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.px-textimagewall-inner .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 30px;
  border-radius: 25px;
  border: 1px solid var(--grey-light);
  background-color: var(--contrastColorInverted);
  box-shadow: 2px 3px 6px 0 rgba(0, 48, 181, 0.2);
  transition: var(--baseTransition);
}
.px-textimagewall-inner .item .image {
  width: 100%;
  max-height: 200px;
  overflow: hidden;
  height: 100%;
}
.px-textimagewall-inner .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.px-textimagewall-inner .item .icon {
  width: 71px;
  height: 70px;
}
.px-textimagewall-inner .item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: filter 0.3s ease-in-out;
}
.px-textimagewall-inner .item .title {
  font-weight: 700;
  text-align: center;
  color: var(--main-color);
  transition: color 0.3s ease-in-out;
}
.px-textimagewall-inner .item .text p {
  color: var(--text-color);
  text-align: center;
  transition: color 0.3s ease-in-out;
}
.px-textimagewall-inner .item .text a {
  color: var(--main-color);
  transition: color 0.3s ease-in-out;
}
.px-textimagewall-inner .item .anchor-button {
  font-weight: 700;
  text-align: center;
  color: var(--main-color);
  transition: color 0.3s ease-in-out;
}
.px-textimagewall-inner .item:hover {
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
}
.px-textimagewall-inner .item:hover .icon img {
  filter: brightness(0) invert(1);
}
.px-textimagewall-inner .item:hover .text a {
  color: var(--main-color-light);
}
.px-textimagewall-inner .item:hover .text p {
  color: var(--contrastColorInverted);
}
.px-textimagewall-inner .item:hover:has(.image) {
  background-color: var(--main-color-light);
  border: 1px solid var(--main-color-light);
  transform: translateY(-10px);
}
.px-textimagewall-inner .item:hover:has(.image) .text a {
  color: var(--main-color);
  text-decoration: underline;
}
.px-textimagewall-inner .item:hover:has(.image) .text a:hover {
  color: var(--second-color);
}
.px-textimagewall-inner .item:hover .title,
.px-textimagewall-inner .item:hover .anchor-button {
  color: var(--contrastColorInverted);
}