.text-with-shape {
  margin-top: 128px;
  margin-bottom: 128px;
  position: relative;
}
.text-with-shape-text {
  max-width: calc(868px + 25rem);
  position: relative;
  z-index: 1;
  padding-right: 25rem;
}
@media (max-width: 767px) {
  .text-with-shape-text {
    padding-right: 0;
    max-width: none;
  }
}
.text-with-shape svg {
  position: absolute;
  top: 0;
  right: 0;
}
.text-with-shape.reverse svg {
  right: unset;
  left: 0;
}
.text-with-shape.reverse .text-with-shape-text {
  padding-left: 25rem;
  padding-right: 0;
}
@media (max-width: 767px) {
  .text-with-shape.reverse .text-with-shape-text {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .text-with-shape {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .text-with-shape svg {
    display: none;
  }
}