html, body {
  scroll-padding-top: 100px;
}
.top-promo {
  grid-template-areas:
    "t"
    "b";
  grid-template-columns: 1fr;
  gap: 0;
}
.top-promo__text {
  max-width: none;
}
.top-promo__image {
  display: none;
}
.top-promo__buttons {
  flex-wrap: wrap;
}
.top-promo__buttons > *:last-child {
  order: -1;
}
.top-promo__buttons > *:last-child > .button {
  height: 35px;
  font-size: 16px;
  line-height: 35px;
  justify-content: flex-start;
}
.width_limit {
  max-width: 780px;
}
.cards_1,
.cards_link {
  gap: 16px;
}
.cards_1 .card,
.cards_link .card {
  border-radius: 24px;
}
.cards_liteblue {
  gap: 40px;
}
.bprc__title {
  width: min-content;
}
.card_benefit.card_highlight {
  background-color: #FFF9E4;
}

@media (min-width: 576px) {
  .top-promo {
    gap: 0;
  }
  .top-promo__buttons {
    row-gap: 32px;
  }
  .top-promo__buttons > *:last-child {
    flex-basis: 100%;
  }
  .top-promo__buttons > *:last-child > .button {
    height: 38px;
    font-size: 24px;
    line-height: 38px;
  }
  .cards_1 .card {
    min-height: 269px;
  }
  .cards_liteblue {
    gap: 32px;
  }
  .cards_2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .cards_link .card {
    padding-right: 24px;
  }
  .cards_liteblue {
    gap: 48px;
  }
  .cards_2 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1200px) { 
	.top-promo {
		grid-template-areas:
			"t i"
			"b b";
		grid-template-columns: 1fr auto;
		grid-template-rows: min-content 1fr;
    gap: 24px 32px;
	}
  .top-promo__image {
    padding-top: 35px;
    padding-right: 150px;
    display: flex;
    justify-content: flex-end;
  }
  .top-promo__buttons {
    flex-wrap: nowrap;
  }
  .top-promo__buttons > *:last-child {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    order: 10;
  }
  .top-promo__buttons > *:last-child > .button {
    height: 60px;
    line-height: 60px;
  }
}