.shape-top, .shape-bottom {
    top: -1px;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 100% !important;
    margin: 0 !important;
}

.shape-bottom {
    bottom: -1px;
    top: auto;
}

.shape-top svg, .shape-bottom svg {
    height: 32px;
    height: clamp(18px, 1.66vw, 32px);
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    fill: #fff;
}

.shape-bottom svg {
    transform: rotate(180deg) translate(50%);
}