/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 01 2026 | 09:39:45 */
/* ========================================= WAVE BACKGROUND ========================================= */
.wave-background-section {
	background-color: var(--white-dyn-1);
	transition: all 0.4s;
	
	.wave-wrapper {
		position: relative;
		z-index: 2;
	}
	
	.wave-element {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: -1;
		aspect-ratio: 960 / 281;
        background-color: var(--gray-light-2-dyn-1);
        mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center;
		transition: all 0.4s;
	}
	
	.wave-background {
		display: flex;
		justify-content: center;
		min-height: min(29.27vw, 585.42px);
		
		.wave-container {
			max-width: 800px;
			
			@media screen and (min-width: 1200px) {
				max-width: 1200px;
			}

			p {
				color: var(--gray-dark-1-dyn-1);
				transition: all 0.4s;
			}
		}
	}
}