.has-background-shape {
  margin: 0;
  max-width: 350px;
  margin-inline: auto;
}

.has-background-shape-span {
  position: relative;
  display: block;
}
.has-background-shape-span h1, .has-background-shape-span h2, .has-background-shape-span h3, .has-background-shape-span h4, .has-background-shape-span h5 {
  margin: 0;
  top: -5px;
}

.has-background-shape-span > *:not(:nth-child(1)) {
  position: relative;
  text-align: center;
}

.has-background-shape-span svg {
  position: absolute;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  transform: translate(var(--base-horizontal, 0), calc(var(--base-vertical, -30%) + 10%)) scale(1);
}
@media only screen and (min-width: 768px) {
  .has-background-shape-span svg {
    transform: translate(var(--base-horizontal, 0), calc(var(--base-vertical, -30%) + 20%)) scale(1.1);
  }
}
@media only screen and (min-width: 768px) {
  .has-background-shape-span svg {
    transform: translate(var(--base-horizontal, 0), calc(var(--base-vertical, -30%) + 10%)) scale(1);
  }
}
@media only screen and (min-width: 1030px) {
  .has-background-shape-span svg {
    transform: translate(var(--base-horizontal, 0), var(--base-vertical, -30%)) scale(var(--scale, 1.2));
  }
}
.has-background-shape-span svg path {
  fill: var(--fill-color) !important;
}

.wp-block-acf-brafton-background-shape {
  background-color: rgba(0, 0, 0, 0) !important;
}

#wpcontent .editor-styles-wrapper .wp-block-acf-brafton-background-shape {
  background-color: rgba(0, 0, 0, 0) !important;
}

/*# sourceMappingURL=background-shape.css.map */