#style {
  position: relative;
  text-align: center;
  margin-block-start: -10vw !important;
  padding-block: 4rem;
  background: var(--primary-50);
  z-index: 4;

  @media screen and (min-width: 576px) {
    padding-block: 6rem;
  }

  @media screen and (min-width: 992px) {
    margin-block-start: 0rem !important;
  }

  .lines {
    position: absolute;
    top: calc(100% - 5rem);
    left: 0;
    right: 0;
    scale: 2;
    z-index: 1;

    @media screen and (min-width: 576px) {
      top: calc(100% - 12vw + 1rem);
      scale: 1;
    }
  }

  .top-curve,
  .bottom-curve {
    position: absolute;
    left: 0;
    right: 0;
  }

  .top-curve {
    bottom: calc(100% - 1rem);
  }

  .bottom-curve {
    top: calc(100% - 1rem);
  }

  .style-heading {
    font-weight: 500;
    margin-block-start: 0.8rem;
    margin-inline: auto;
    letter-spacing: -0.72px;

    strong {
      font-style: italic;
    }
  }

  .style-subheading {
    color: var(--primary-400);
    font-weight: 300;
    letter-spacing: 0.72px;
  }
}