/* Contenitore principale */
.real_bench_container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

/* Box */
.real_bench_item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 200px;
  margin: 5px;
  cursor: pointer;
  background-color: #2C265A;
  border-radius: 20px;
  box-shadow: 0 5px 5px rgba(0,0,0,0.02), inset 0 0 0 2px rgba(0,0,0,0.15);
  transform: translateZ(0);
}

.real_bench_item:hover circle,
.real_bench_item:hover image {
  transform: scale(1);
}

/* SVG */
.real_bench_item svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.real_bench_item circle {
  transform-origin: 50% 50%;
  transform: scale(0);
  transition: transform 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.real_bench_item text {
  font-size: 1.1rem;
  text-transform: uppercase;
  text-anchor: middle;
  letter-spacing: 1px;
  font-weight: 600;
}

.real_bench_item image {
  transform: scale(1.1);
  transform-origin: 50% 50%;
  transition: transform 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

/* Colori testo SVG */
.real_bench_svg_text { fill: rgba(0, 0, 0, 0.4); }
.real_bench_svg_masked { fill: #fff; }