.benefit__item {
  margin-bottom: 70px;
}

.benefit__heading {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 24px;
  word-break: break-word;
}

.benefit__heading::before {
  --size: 100px;
  display: block;
  content: '';
  flex-shrink: 0;
  margin-right: 24px;
  background-repeat: no-repeat;
  background-size: var(--size);
  background-position: top left;
  width: var(--size);
  height: var(--size);
}

.benefit__heading_clock::before {
  background-image: url('../img/benefit/clock.svg');
}

.benefit__heading_chart::before {
  background-image: url('../img/benefit/chart.svg');
}

.benefit__heading_mark::before {
  background-image: url('../img/benefit/mark.svg');
}

.benefit__heading_set::before {
  background-image: url('../img/benefit/set.svg');
}

.benefit__heading_team::before {
  background-image: url('../img/benefit/team.svg');
}

.benefit__heading_pig::before {
  background-image: url('../img/benefit/pig.svg');
}

.benefit__heading_megafon::before {
  background-image: url('../img/benefit/megafon.svg');
}

.benefit__heading_group::before {
  background-image: url('../img/benefit/group.svg');
}

.benefit__heading_referral::before {
  background-image: url('../img/benefit/referral.svg');
}

.benefit__heading_medal::before {
  background-image: url('../img/benefit/medal.svg');
}

.benefit__text {
  line-height: 1.6;
  word-break: break-word;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .benefit__heading {
    font-size: 22px;
  }

  .benefit__heading::before {
    --size: 80px;
    margin-right: 18px;
  }
}

@media (min-width: 768px) {
  .benefit__collapse.collapse {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .benefit__heading {
    font-size: 22px;
  }

  .benefit__collapse {
    padding-bottom: 20px;
  }

  .btn.benefit__toggle {
    max-width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 60px;
  }

  .btn.benefit__toggle:not(.collapsed) {
    display: none !important;
  }
}

@media (max-width: 479px) {
  .benefit__item {
    margin-bottom: 60px;
  }

  .benefit__heading {
    font-size: 20px;
  }

  .benefit__heading::before {
    --size: 80px;
    margin-right: 18px;
  }
}