@media (min-width: 576px) and (max-width: 1199.98px) {
  .bns-ss-r-md::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc(50% + 3.5rem + 2px);
    right: calc(-50% + 3.5rem + 2px);
    height: 3.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 48' preserveAspectRatio='none'><path d='m0,16c40,50 120,-50 160,0' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scaleY(-1);
  }
  .bns-ss-l-md::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc(-50% + 3.5rem + 2px);
    right: calc(50% + 3.5rem + 2px);
    height: 3.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 32' preserveAspectRatio='none'><path d='m0,16c40,50 120,-50 160,0' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scaleY(-1);
  }

  .bns-s-r-md::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc(50% + 3.5rem + 2px);
    right: calc(-50% + 3.5rem + 2px);
    height: 3.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 32' preserveAspectRatio='none'><path d='m0,0q80,60 160,0' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scaleY(-1);
  }
  .bns-s-r-md-2::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 7rem;
    left: calc(50% + 3.5rem + 2px);
    right: calc(-50% + 3.5rem + 2px);
    height: 3.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 32' preserveAspectRatio='none'><path d='m0,0q80,60 160,0' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0px solid #f00;
  }

  .bns-s-d-md::after {
    content: "";
    position: absolute;
    z-index: 10;
    top: calc(4px + 5.5rem + var(--bns-padding-default));
    bottom: calc(-1.5rem - var(--bns-padding-default));
    width: 1.75rem;
    left: calc(50% + 3.5rem + 2px);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 160' preserveAspectRatio='none'><path d='m0,0q60,80 0,160' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .bns-s-d-md-2::after {
    content: "";
    position: absolute;
    z-index: 10;
    top: calc(4px + 5.5rem + var(--bns-padding-default));
    bottom: calc(-1.5rem - var(--bns-padding-default));
    width: 1.75rem;
    right: calc(50% + 3.5rem + 2px);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 160' preserveAspectRatio='none'><path d='m0,0q60,80 0,160' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scaleX(-1);
  }

  .bns-s-l-md::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc(-50% + 3.5rem + 2px);
    right: calc(50% + 3.5rem + 2px);
    height: 3.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 32' preserveAspectRatio='none'><path d='m0,0q80,60 160,0' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scaleY(-1);
  }
  .bns-s-l-md-2::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 7rem;
    left: calc(-50% + 3.5rem + 2px);
    right: calc(50% + 3.5rem + 2px);
    height: 3.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 32' preserveAspectRatio='none'><path d='m0,0q80,60 160,0' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
}

@media (min-width: 1200px) {
  .bns-s-r-xl::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc(50% + 3.5rem + 2px);
    right: calc(-50% + 3.5rem + 2px);
    height: 3.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 32' preserveAspectRatio='none'><path d='m0,0q80,60 160,0' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scaleY(-1);
  }
  .bns-s-r-xl-2::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 7rem;
    left: calc(50% + 3.5rem + 2px);
    right: calc(-50% + 3.5rem + 2px);
    height: 3.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 32' preserveAspectRatio='none'><path d='m0,0q80,60 160,0' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0px solid #f00;
  }

  .bns-s-d-xl::after {
    content: "";
    position: absolute;
    z-index: 10;
    top: calc(4px + 5.5rem + var(--bns-padding-default));
    bottom: calc(-1.5rem - var(--bns-padding-default));
    width: 1.75rem;
    left: calc(50% + 3.5rem + 2px);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 160' preserveAspectRatio='none'><path d='m0,0q60,80 0,160' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .bns-s-d-xl-2::after {
    content: "";
    position: absolute;
    z-index: 10;
    top: calc(4px + 5.5rem + var(--bns-padding-default));
    bottom: calc(-1.5rem - var(--bns-padding-default));
    width: 1.75rem;
    right: calc(50% + 3.5rem + 2px);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 160' preserveAspectRatio='none'><path d='m0,0q60,80 0,160' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scaleX(-1);
  }

  .bns-s-l-xl::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc(-50% + 3.5rem + 2px);
    right: calc(50% + 3.5rem + 2px);
    height: 3.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 32' preserveAspectRatio='none'><path d='m0,0q80,60 160,0' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scaleY(-1);
  }
  .bns-s-l-xl-2::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 7rem;
    left: calc(-50% + 3.5rem + 2px);
    right: calc(50% + 3.5rem + 2px);
    height: 3.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 32' preserveAspectRatio='none'><path d='m0,0q80,60 160,0' stroke='%23999' stroke-width='2' stroke-dasharray='4,4' fill='none' vector-effect='non-scaling-stroke'/></svg>");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
}