.steps-block {
  margin: clamp(40px,2.5vw + 32px, 80px) 0;
}
.steps-block__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
}
.steps-block .step {
  padding: clamp(15px,1.25vw + 11px, 35px) clamp(15px,1.875vw + 9px, 45px);
  border-radius: 10px;
  background: var(--Card);
  filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.1));
  position: relative;
}
.steps-block .step:last-child {
  background: var(--Primary);
  --color: var(--Card);
}
.steps-block .step:last-child .step__num {
  --color: var(--Card);
}
.steps-block .step:nth-child(3n+1):not(:last-child), .steps-block .step:nth-child(3n+2):not(:last-child) {
  z-index: 3;
}
.steps-block .step:nth-child(3n+1):not(:last-child):before, .steps-block .step:nth-child(3n+2):not(:last-child):before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% - 2px);
  width: clamp(35px,1.0625vw + 31.6px, 52px);
  height: clamp(35px,1.0625vw + 31.6px, 52px);
  background-image: url("./images/decor.svg");
  background-size: contain;
  background-position: left;
  transform: translate(-50%, -50%);
}
.steps-block .step:nth-child(3n+1) {
  padding-left: clamp(15px,1.25vw + 11px, 35px);
}
.steps-block .step:nth-child(3n+2):not(:last-child) {
  z-index: 2;
}
.steps-block .step:not(:nth-child(3n+1)) {
  padding-left: clamp(25px,1.875vw + 19px, 55px);
}
.steps-block .step__num {
  margin-bottom: clamp(10px,0.625vw + 8px, 20px);
  --color: var(--Primary);
}

@media (max-width: 767px) {
  .steps-block__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  .steps-block .step:nth-child(3n+2):not(:last-child):before {
    display: none;
  }
  .steps-block .step:nth-child(3n+3):not(:last-child) {
    z-index: 2;
  }
  .steps-block .step:nth-child(3n+3):not(:last-child):before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% - 2px);
    width: clamp(35px,1.0625vw + 31.6px, 52px);
    height: clamp(35px,1.0625vw + 31.6px, 52px);
    background-image: url("./images/decor.svg");
    background-size: contain;
    background-position: left;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 375px) {
  .steps-block__wrap {
    grid-template-columns: 1fr;
  }
  .steps-block .step:nth-child(3n+1):not(:last-child):before,
  .steps-block .step:nth-child(3n+2):not(:last-child):before,
  .steps-block .step:nth-child(3n+3):not(:last-child)::before {
    display: none;
  }
  .steps-block .step:not(:nth-child(3n+1)) {
    padding-left: 15px;
  }
}/*# sourceMappingURL=block.css.map */