.working-process-block__info {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
  p {
    width: 292px;
    margin-left: 40px;
  }
}

.working-process-block__cards {
  margin-bottom: 140px;
}

.working-process-block__card {
  display: flex;
  align-items: center;
  background-color: #f3f3f3;
  gap: 25px;
  border: 1px #191A23 solid;
  border-radius: 32px;
  box-shadow: 0px 5px 0px #191A23;
  padding: 40px 60px;
  position: relative;
  hr {
    width: 100%;
    height: 1px;
    background-color: #191A23;
    border: none;
  }
  p {
    font-size: 60px;
  }
}

.working-process-block__card:not(:last-child) {
  margin-bottom: 30px;
}

.working-process-block__card button {
  position: absolute;
  left: calc(100% - 120px);
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 1px #191A23 solid;
  background-color: #f3f3f3;
  background-image: url('../img/+.png');
  background-repeat: no-repeat;
  background-position: center;
}

.working-process-block__card-description {
  display: none;
}

.working-process-block__card--active {
  background-color: #B9FF66;
  flex-wrap: wrap;
  .working-process-block__card-description {
    display: block;
    padding-top: 16px;
    position: relative;
    &::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: black;
    }
    p {
      font-size: 18px;
    }
  }
  button {
    background-image: url('../img/-.png');
    background-repeat: no-repeat;
    background-position: center;
    bottom: calc(100% - 99px);
  }
}

.working-process-block__card button:hover {
  box-shadow: 1px 5px 5px black;
}

@media (max-width: 1023px) {

  .working-process-block__cards {
    margin-bottom: 60px;
  } 

  .working-process-block__info {
    flex-direction: column;
    gap: 30px;
    width: 100%;
    margin-bottom: 40px;
    justify-content: center;
    h2 {
      text-align: center;
    }
    p {
      width: 100%;
      margin-left: 0;
      text-align: center;
      line-height: 1.5;
    }
  }

  .working-process-block__card {
    gap: 14px;
    padding: 20px;
    p {
      font-size: 30px;
    }
    h3 {
      font-size: 14px;
    }
    button {
      background-size: 12px 12px;
      width: 30px;
      height: 30px;
      left: calc(100% - 45px);
    }
  }

  .working-process-block__card-description p {
    font-size: 12px;
  }

  .working-process-block__card--active button {
    background-size: 12px 6px;
    bottom: calc(100% - 50px);
  }

}