.block-features {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  color: white;
  background-color: var(--wp--preset--color--orange);
  scroll-margin-top: 60px;
}
@media (min-width: 768px) {
  .block-features {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.block-features__title {
  margin-bottom: 60px;
}
.block-features__title h2 {
  text-align: center;
  margin: 0;
  color: var(--wp--preset--color--dark-blue);
}
.block-features__title h2 span {
  color: white;
  display: block;
}
.block-features__list {
  list-style-type: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  gap: 40px;
  max-width: 500px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .block-features__list {
    max-width: unset;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
}
.block-features__list .feature {
  text-align: center;
}
.block-features__list .feature img {
  aspect-ratio: 1;
  width: 100px;
  margin: 0 auto 15px;
}
.block-features__list .feature__title {
  color: white;
  margin: 0 0 15px;
}
.block-features__list .feature__description {
  margin: 0;
}
.block-features:not(.editor):before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background-color: var(--wp--preset--color--orange);
  position: absolute;
  z-index: -1;
  top: 0;
  left: calc((100vw - 100%) / 2 * -1);
}