/*.wave_background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;  
}*/

.wave_background::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%; 
    /*background: linear-gradient(135deg, #6dd5ed, #2193b0); */
    background: linear-gradient(135deg, #2e82cc, #c804c1); 
}

.wave_background::after {
    content: '';
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%; 
    /*background: linear-gradient(135deg, #833ab4, #fd1d1d);*/
    background: linear-gradient(135deg, #5c06b1, #ff0000);
    clip-path: ellipse(150% 100% at 50% 100%);
}

.wave_background .wave {
    position: fixed;
    bottom: 40%; /* Отступ волны от низа, где заканчивается верхний цвет */
    left: 0;
    width: 100%;
    height: 20%; /* Высота самой волны для более плавного перехода */
    background: #f0f2f5; /* Цвет, который будет "заполнять" волну */
    border-radius: 50% 50% 0 0;
    transform: translateY(50%);
    z-index: 0; /* Должен быть между двумя цветами */
    background: linear-gradient(to top, #833ab4, #fd1d1d); /* Градиент для волны */
    /*-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" fill-opacity="1" d="M0,192L48,181.3C96,171,192,149,288,138.7C384,128,480,128,576,149.3C672,171,768,213,864,229.3C960,245,1056,235,1152,208C1248,181,1344,139,1392,117.3L1440,96L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path></svg>');*/
    mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" fill-opacity="1" d="M0,192L48,181.3C96,171,192,149,288,138.7C384,128,480,128,576,149.3C672,171,768,213,864,229.3C960,245,1056,235,1152,208C1248,181,1344,139,1392,117.3L1440,96L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path></svg>');
    /*-webkit-mask-size: cover;*/
    mask-size: cover;
    /*-webkit-mask-repeat: no-repeat;*/
    mask-repeat: no-repeat;
    /*-webkit-mask-position: center;*/
    mask-position: center;
}