.cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -40px;
  margin-left: -20px;
  margin-right: -20px;
}
.cards-wrapper > * {
  width: calc(25% - 40px);
  margin: 0 20px 40px 20px;
}
@media screen and (max-width: 1200px) {
  .cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -40px;
    margin-left: -20px;
    margin-right: -20px;
  }
  .cards-wrapper > * {
    width: calc(33.333333333333% - 40px);
    margin: 0 20px 40px 20px;
  }
}
@media screen and (max-width: 840px) {
  .cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .cards-wrapper > * {
    width: calc(50% - 20px);
    margin: 0 10px 20px 10px;
  }
}
@media screen and (max-width: 560px) {
  .cards-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .cards-wrapper > * {
    width: calc(100% - 0px);
    margin: 0 0px 20px 0px;
  }
}
.card_block {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  font-size: 0.9rem;
  line-height: 1.5rem;
  position: relative;
}
.card_block .image-wrapper {
  background: linear-gradient(104.62deg,#E1F0F5 0.86%,#DBDEFF 100%);
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin-bottom: 22px;
}
@media screen and (max-width: 560px) {
  .card_block .image-wrapper {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 70px;
    width: 70px;
  }
}
@media screen and (max-width: 560px) {
  .card_block h3 {
    height: 70px;
    padding-left: 90px;
    display: flex;
    align-items: center;
  }
}