.shape-waves-holder {
    position: relative;
    height: 66px;
    overflow: hidden;
}

.shape-waves-holder.blue-bg {
    background-color: #006cb5;
}

.shape-waves-holder.green-bg {
    background-color: #009700;
}

.shape-waves {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 990;
    line-height: 0;
    transform: rotate(180deg);
}

    .shape-waves.flip {
        position: relative;
        transform: scaleX(-1);
        top: -40px;
        margin-bottom: -60px;
    }

    .shape-waves.yellowbg{
        position:relative;
        top:-160px;
        margin-bottom:-100px;
    }

.shape-waves svg {
    position: relative;
    display: block;
    width: calc(149% + 1.3px);
    height: 120px;
}

    .shape-waves .shape-fill {
        fill: #2d492d;
    }

    .shape-waves .shape-fill-yellow {
        fill: #fdce52;
    }

@media (max-width : 767px) {

    .shape-waves-holder {
        height: 60px;
    }

    .shape-waves-swiper {
        display: none;
    }

    .shape-waves svg {
        height: 60px;
    }

    .shape-waves{
        margin-bottom:-2px;
    }

}

@media (max-width : 991px) {

    .shape-waves-top svg {
        height: 90px;
    }

}


.new-shape-top {
    overflow: hidden;
    position: relative;
}

    .new-shape-top::before {
        content: '';
        font-family: 'shape divider from ShapeDividers.com';
        position: absolute;
        z-index: 3;
        pointer-events: none;
        background-repeat: no-repeat;
        bottom: -0.1vw;
        left: -0.1vw;
        right: -0.1vw;
        top: -0.1vw;
        background-size: 134% 94px;
        background-position: 50% 0%;
        transform: rotateY(180deg);
        background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" fill="%2345703d"/></svg>');
    }

@media (min-width:2100px) {
    .new-shape-top::before {
        background-size: 134% calc(2vw + 94px);
    }
}