:root {
	
--svg-url-80a: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' version='1.1' viewBox='0 0 424 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1,0,0,-1,0,28.4)' style='fill:%23112684'%3E%3Cpath d='m0 28.4s116-3.98 212-3.98c95.7 0 212 3.98 212 3.98v-10h-424z' style='fill:%23112684;stroke-width:.229'/%3E%3C/g%3E%3C/svg%3E%0A");
	
--svg-url-80b: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' version='1.1' viewBox='0 0 424 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(0,-18.4)'%3E%3Cpath d='m0 28.4s116-3.98 212-3.98c95.7 0 212 3.98 212 3.98v-10h-424z' style='fill:%2303a3aa;stroke-width:.229'/%3E%3C/g%3E%3C/svg%3E");

	
--svg-url-wave-1-top: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' version='1.1' viewBox='0 0 1280 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(-1,0,0,1,1280,0)'%3E%3Cpath d='m0 140h1280c-817-2.64-1280-140-1280-140z' fill='hsl(93, 38%25, 48%25)'/%3E%3C/g%3E%3C/svg%3E");
	
--svg-url-wave-1-bottom: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' version='1.1' viewBox='0 0 1280 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 70v-70h1280v58.8c-430 95.3-682-147-1280 11.2z' fill='hsl(93, 38%25, 48%25)'/%3E%3C/svg%3E");
	
	
--svg-url-wave-3: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' version='1.1' viewBox='0 0 1280 112' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(0 41.7)'%3E%3Cpath d='m0 70v-70s322-22.5 670 4.88c348 27.3 610-46.6 610-46.6v75.5c-354 70.9-685-87.8-1280 36.3z' style='fill:hsl(195,87%,37%)'/%3E%3C/g%3E%3C/svg%3E%0A");

	
--svg-url-checkbox: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-check2-circle' fill='hsl(74,100%,37%)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M15.354 2.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L8 9.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3Cpath fill-rule='evenodd' d='M8 2.5A5.5 5.5 0 1 0 13.5 8a.5.5 0 0 1 1 0 6.5 6.5 0 1 1-3.25-5.63.5.5 0 1 1-.5.865A5.472 5.472 0 0 0 8 2.5z'/%3E%3C/svg%3E");	
	
}


/* ---- SVG Backgrounds ------ */


.wrapper.element-1::after {
	content: "";
	position: absolute;
	z-index: 10;
	height: 55px;
	margin-top: -27px;
	width: 100%;
	background-image: var(--svg-url-wave-3);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
}


.wave-1-top {
	display: block;
	position: absolute;
	z-index: 10;
	height: 90px;
	margin-top: -88px;
	width: 100%;	
	background-image: var(--svg-url-wave-1-top);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.wave-1-bottom {
	display: block;
	position: absolute;
	z-index: 1;
	height: 90px;
	width: 100%;
	margin-top: -1px;
	background-image: var(--svg-url-wave-1-bottom);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
}




.bg-80::before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	height: 40px;
	top: -40px;
	width: 100%;
	background-image: var(--svg-url-80a);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: left bottom;
}


.bg-80::after {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	height: 40px;
	bottom: -40px;
	width: 100%;
	background-image: var(--svg-url-80b);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: left top;
}