/* Wave Divider */
.sd-wave-opacity-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

    .sd-wave-opacity-top svg {
        position: relative;
        display: block;
        width: calc(171% + 1.3px);
        height: 53px;
        transform: rotateY(180deg);
    }

    .sd-wave-opacity-top .shape-fill {
        fill: #011627;
    }

.sd-wave-opacity-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    padding: 0;
}

    .sd-wave-opacity-bottom svg {
        position: relative;
        display: block;
        width: calc(171% + 1.3px);
        height: 53px;
        transform: rotateY(180deg);
    }

    .sd-wave-opacity-bottom .shape-fill {
        fill: #011627;
    }

.sd-wave-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

    .sd-wave-bottom svg {
        position: relative;
        display: block;
        width: calc(140% + 1.3px);
        height: 40px;
        transform: rotateY(180deg);
    }

    .sd-wave-bottom .shape-fill {
        fill: #ceecf2;
    }

/* Single Wave Divider */
.wave-single {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

    .wave-single svg {
        position: relative;
        display: block;
        width: calc(141% + 1.3px);
        height: 34px;
    }

    .wave-single .shape-fill {
        fill: #3c6f84;
    }