.BenefitPointItem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spaceRg);
  width: 16rem;
  text-align: center;
}

.BenefitPointItem-image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
}

.BenefitPointItem-image svg, .BenefitPointItem-image img {
  width: 2.5rem;
  height: auto;
}

.BenefitPointItem-image svg path {
  fill: var(--colorBrand);
}

.BenefitPointItem-image::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--colorBrand);
  opacity: 0.4;
  z-index: var(--layerNegativeZIndex);
}

.BenefitPointItem-title {
  font-size: var(--textMd);
  font-weight: normal;
}

.BenefitPointItem-desc {
  margin-bottom: var(--spaceXs);
  font-size: var(--textSm);
}

/*# sourceMappingURL=benefit-point-item.min.css.map */