.block-hero-details {
  margin: clamp(3rem,1.8571428571rem + 2.380952381vw,4rem) 0
}
@media (min-width:48rem) {
  .block-hero-details {
    display: flex;
    flex-direction: row;
    margin-right: -2rem;
    margin-left: -2rem
  }
}
.block-hero-details:first-child {
  margin-top: 0
}
.block-hero-details:last-child {
  margin-bottom: 0
}