/* Wave Divider Styles */
.wave-divider {
    position: relative;
    height: 70px;
    width: 100%;
    background: transparent;
    overflow: hidden;
}

.wave-divider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(74, 145, 226, 0.877) 0%, rgba(74, 144, 226, 0) 100%);
    clip-path: polygon(
        100% 0%,
        0% 0%,
        0% 65%,
        1% 64.95%,
        2% 64.8%,
        3% 64.6%,
        4% 64.3%,
        5% 63.9%,
        6% 63.45%,
        7% 62.9%,
        8% 62.25%,
        9% 61.55%,
        10% 60.8%,
        11% 59.95%,
        12% 59.05%,
        13% 58.1%,
        14% 57.1%,
        15% 56.05%,
        16% 55%,
        17% 53.9%,
        18% 52.8%,
        19% 51.65%,
        20% 50.5%,
        21% 49.35%,
        22% 48.2%,
        23% 47.05%,
        24% 45.9%,
        25% 44.8%,
        26% 43.75%,
        27% 42.75%,
        28% 41.8%,
        29% 40.95%,
        30% 40.15%,
        31% 39.45%,
        32% 38.8%,
        33% 38.25%,
        34% 37.8%,
        35% 37.45%,
        36% 37.2%,
        37% 37.05%,
        38% 37%,
        39% 37.05%,
        40% 37.2%,
        41% 37.45%,
        42% 37.8%,
        43% 38.25%,
        44% 38.8%,
        45% 39.45%,
        46% 40.15%,
        47% 40.95%,
        48% 41.8%,
        49% 42.75%,
        50% 43.75%,
        51% 44.8%,
        52% 45.9%,
        53% 47.05%,
        54% 48.2%,
        55% 49.35%,
        56% 50.5%,
        57% 51.65%,
        58% 52.8%,
        59% 53.9%,
        60% 55%,
        61% 56.05%,
        62% 57.1%,
        63% 58.1%,
        64% 59.05%,
        65% 59.95%,
        66% 60.8%,
        67% 61.55%,
        68% 62.25%,
        69% 62.9%,
        70% 63.45%,
        71% 63.9%,
        72% 64.3%,
        73% 64.6%,
        74% 64.8%,
        75% 64.95%,
        76% 65%,
        77% 64.95%,
        78% 64.8%,
        79% 64.6%,
        80% 64.3%,
        81% 63.9%,
        82% 63.45%,
        83% 62.9%,
        84% 62.25%,
        85% 61.55%,
        86% 60.8%,
        87% 59.95%,
        88% 59.05%,
        89% 58.1%,
        90% 57.1%,
        91% 56.05%,
        92% 55%,
        93% 53.9%,
        94% 52.8%,
        95% 51.65%,
        96% 50.5%,
        97% 49.35%,
        98% 48.2%,
        99% 47.05%,
        100% 45.9%
    );
}

.wave-divider.reverse::before {
    transform: rotate(180deg);
}



/* Optionally, you can reduce the height for mobile but keep the same wave: */
@media (max-width: 576px) {
    .wave-divider {
        height: 40px;
    }
}