.cards-block__wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(15px, calc(0.9375vw + 12px), 30px);
}
.cards-block .cards-item {
  background: var(--head-secondary);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}
.cards-block .cards-item.type-with-callback {
  padding: clamp(10px, calc(0.625vw + 8px), 20px);
}
.cards-block .cards-item.type-with-callback .cards-item__content {
  padding: 0 clamp(0px, calc(0.9375vw + -3px), 15px);
}
.cards-block .cards-item.type-with-callback .cards-item__title:not(:last-child) {
  margin-bottom: clamp(5px, calc(0.3125vw + 4px), 10px);
}
.cards-block .cards-item.type-with-callback .cards-item__image {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.cards-block .cards-item.type-with-callback .cards-item__image:after {
  content: "";
  display: block;
  padding-bottom: 54.5%;
}
.cards-block .cards-item.type-with-callback .cards-item__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cards-block .cards-item.type-with-callback .cards-item__image:not(:last-child) {
  margin-bottom: clamp(10px, calc(0.625vw + 8px), 20px);
}
.cards-block .cards-item.type-without-callback .cards-item__content {
  padding: clamp(10px, calc(0.625vw + 8px), 20px) clamp(10px, calc(1.875vw + 4px), 40px) clamp(20px, calc(1.25vw + 16px), 40px);
}
.cards-block .cards-item.type-without-callback .cards-item__title:not(:last-child) {
  margin-bottom: clamp(5px, calc(0.625vw + 3px), 15px);
}
.cards-block .cards-item.type-without-callback .cards-item__image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.cards-block .cards-item.type-without-callback .cards-item__image:after {
  content: "";
  display: block;
  padding-bottom: 61.2%;
}
.cards-block .cards-item.type-without-callback .cards-item__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cards-block .cards-item__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cards-block .cards-item__text:not(:last-child) {
  margin-bottom: clamp(20px, calc(1.25vw + 16px), 40px);
}
.cards-block .cards-item__btn {
  margin-top: auto;
}

@media (max-width: 1025px) {
  .cards-block__wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 498px) {
  .cards-block__wrap {
    grid-template-columns: 1fr;
  }
}/*# sourceMappingURL=block.css.map */