.steps-block {
  background: var(--c-hover);
  margin-top: var(--60s);
  padding: var(--60s);
  position: relative;
  overflow: hidden;
}
@media (max-width: 800px) {
  .steps-block {
    padding: 30px 15px;
  }
}
.steps-block .block-title.wave {
  color: #ffffff;
  margin-bottom: var(--90to30);
}
.steps-block .block-title.wave::before {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}
.steps-block .step-holder {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  row-gap: var(--30s);
  -moz-column-gap: var(--30s);
       column-gap: var(--30s);
}
@media (max-width: 800px) {
  .steps-block .step-holder {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 500px) {
  .steps-block .step-holder {
    grid-template-columns: 1fr;
  }
}
.steps-block .step-holder::before {
  width: 100%;
  content: "";
  position: absolute;
  top: min(-80px, -4.171875vw);
  left: calc(var(--30i) * 2);
  z-index: 0;
  background-repeat: no-repeat;
  background-image: url(./images/bg.svg);
  background-size: contain;
  background-position: left top;
  overflow: visible;
  height: max(400px, 20.83vw);
}
@media (max-width: 1200px) {
  .steps-block .step-holder::before {
    top: -50px;
    left: -40px;
    height: 100%;
  }
}
@media (max-width: 1000px) {
  .steps-block .step-holder::before {
    top: -40px;
  }
}
@media (max-width: 900px) {
  .steps-block .step-holder::before {
    top: -40px;
    width: 105%;
  }
}
@media (max-width: 800px) {
  .steps-block .step-holder::before {
    display: none;
  }
}
.steps-block .step-holder .step {
  width: 100%;
}
.steps-block .step-holder .step .step-title {
  border-bottom: solid 1px rgba(255, 255, 255, 0.4901960784);
  padding-bottom: var(--10s);
  margin-bottom: var(--10s);
  color: #ffffff;
}
.steps-block .step-holder .step .step-subtitle {
  color: rgba(255, 255, 255, 0.662745098);
  padding-bottom: var(--10s);
  margin-bottom: var(--10s);
  font-weight: 300;
}
@media (min-width: 800px) {
  .steps-block .step-holder .step:nth-child(2n) {
    margin-top: 50%;
    padding-top: var(--90s);
  }
}
.steps-block .dec-el {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
}
.steps-block .dec-el.magicEnd {
  transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
}
.steps-block .dec-el.dec-el1 {
  bottom: 10%;
  left: var(--60s);
}
.steps-block .dec-el.dec-el2 {
  bottom: 0;
  top: 10%;
  left: 70%;
  right: 0;
}
.steps-block .dec-el.dec-el3 {
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
  margin: auto;
}
.steps-block .dec-el.dec-el4 {
  top: 10%;
  left: 5%;
}
@media (max-width: 800px) {
  .steps-block .dec-el.dec-el4 {
    bottom: 0;
    top: 0;
    margin: auto;
    left: 5%;
  }
}
.steps-block .dec-el.dec-el5 {
  right: var(--90s);
  bottom: 20%;
}/*# sourceMappingURL=block.css.map */