.shapedivider-hero,
.shapedivider-kaal {
    overflow: hidden;
    position: relative;
}

.shapedivider-hero::before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    top: -1px;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 100% 44px;
    background-position: 50% 100%;
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 476.62 100.69'><path fill='%23f1f8f8' d='M0 0 Q238.31 130 476.62 0 V100.69 H0 Z'/></svg>");

    .shapedivider-kaal:before {
        content: '';
        position: absolute;
        bottom: -1px;
        left: -1px;
        right: -1px;
        top: -1px;
        z-index: 3;
        pointer-events: none;
        background-repeat: no-repeat;
        background-size: 100% 44px;
        background-position: 50% 100%;
        background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 476.62 100.69"><path fill="%23f1f8f8" d="M476.62 100.69V0l-238.3 95.47L0 0v100.69Z"/></svg>');
    }



    @media (min-width:768px) {
        .shapedivider-hero::before {
            background-size: 100% 58px;
            background-position: 50% 100%;
        }

        .shapedivider-kaal::before {
            background-size: 100% 58px;
            background-position: 50% 100%;
        }
    }

    @media (min-width:1025px) {
        .shapedivider-hero::before {
            bottom: -0.1vw;
            left: -0.1vw;
            right: -0.1vw;
            top: -0.1vw;
            background-size: 100% 80px;
            background-position: 50% 100%;
        }

        .shapedivider-kaal::before {
            bottom: -0.1vw;
            left: -0.1vw;
            right: -0.1vw;
            top: -0.1vw;
            background-size: 100% 80px;
            background-position: 50% 100%;
        }
    }

    @media (min-width:2100px) {
        .shapedivider-hero::before {
            background-size: 100% calc(2vw + 80px);
        }

        .shapedivider-kaal::before {
            background-size: 100% calc(2vw + 80px);
        }
    }