.features {
  display: grid;
  gap: var(--margin-block);
}
@media (min-width: 740px) {
  .features {
    grid-template-columns: repeat(2, 1fr);
  }
}
.features_block {
  position: relative;
  display: grid;
  row-gap: var(--margin-heading);
  align-content: start;
  padding: calc(var(--margin-block) + var(--_pic-size) / 2) var(--margin-block) var(--margin-block);
  margin-top: calc(var(--_pic-size) / 2);
  background-color: var(--_bg-color);
  border: solid 1px var(--_border-color);
  border-radius: 10px;
}
@media (min-width: 740px) {
  .features_block {
    --_icon-size: 24px;
    --_pic-size: 48px;
  }
}
@media (max-width: 739.98px) {
  .features_block {
    --_icon-size: 20px;
    --_pic-size: 38px;
  }
}
.features_block::before {
  position: absolute;
  top: calc(var(--_pic-size) / -2);
  left: calc(50% - var(--_pic-size) / 2);
  display: grid;
  place-content: center;
  width: var(--_pic-size);
  height: var(--_pic-size);
  content: "";
  background: var(--_border-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none'%3E%3Cpath fill='%23fff' d='M32.58 14.17a2.83 2.83 0 0 0-2.83-2.84H20.8l1.36-6.47a2.13 2.13 0 0 0-.58-1.96l-1.5-1.48-9.33 9.32a2.83 2.83 0 0 0-.83 2.01v14.17a2.83 2.83 0 0 0 2.83 2.83H25.5c1.18 0 2.18-.7 2.6-1.73l4.28-9.99c.13-.32.2-.66.2-1.03v-2.83ZM1.42 29.75h5.66v-17H1.42v17Z'/%3E%3C/svg%3E") no-repeat center/var(--_icon-size);
  border-radius: 50%;
}
.features_block:first-child {
  --_border-color: var(--positive);
  --_bg-color: var(--positive-10);
  --_item-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2335D52C' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2Z'/%3E%3C/svg%3E");
}
.features_block:last-child {
  --_border-color: var(--negative);
  --_bg-color: var(--negative-10);
  --_item-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23D52C2F' d='M19 13H5v-2h14v2Z'/%3E%3C/svg%3E");
}
.features_block:last-child::before {
  transform: scaleY(-1);
}
.features_title {
  text-align: center;
}
.features_list {
  display: grid;
  align-content: start;
}
@media (min-width: 740px) {
  .features_list {
    row-gap: 10px;
  }
}
@media (max-width: 739.98px) {
  .features_list {
    row-gap: 6px;
  }
}
.features_item {
  position: relative;
  align-content: center;
  min-height: var(--_size);
  padding-left: calc(var(--_size) + var(--margin-heading));
}
@media (min-width: 740px) {
  .features_item {
    --_size: 24px;
  }
}
@media (max-width: 739.98px) {
  .features_item {
    --_size: 20px;
  }
}
.features_item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--_size);
  height: var(--_size);
  content: "";
  background: var(--_item-icon) center/contain no-repeat;
}