#solution {
	background: center / cover no-repeat border-box url("../images/solution/solution.jpg");
	min-height: 60vw;
}

#solution-us {
	background: center / cover no-repeat border-box url("../images/solution/solution-us.jpg");
	min-height: 60vw;
}
.section-basic h1.section-title {
	font-size: 4.5rem;
}
.section-basic .section-header {
	color: #fff;
	text-align: center;
	font-family: Nunito;
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.button-small {
	font-style: normal;
	border-radius: 5.25rem;
	background: #ff910a;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	color: #643802;
	text-align: center;
	font-family: Nunito;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	max-width: 33.17675rem;
	margin-left: 30%;
}
.text-intro-hero {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	text-align: center;
	font-family: "Open Sans";
	font-size: 2.3rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 0 0 1.5em 0;
}
.text-resum-hero {
	display: flex;
	height: auto;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	text-align: center;
	font-family: "Open Sans";
	font-size: 1.8125rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.card-small {
	width: 25em;
	height: auto;
	border-radius: 1.5625rem;
	text-align: center;
	background: #e6fbff;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.text-card-small {
	color: #004d5b;
	text-align: center;
	font-family: "Open Sans";
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 0.7em;
}
.card-small-soft {
	min-height: 11.0625rem;
	border-radius: 2.9375rem;
	background: #c6ebe3;
	align-items: center;
	justify-content: normal;
	margin: 5% auto;
	position: relative;
    padding: 1em;
}
.text-card-small-soft {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
	color: #1a4c41;
	text-align: center;
	font-family: Open Sans;
	font-size: 1.1875rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.position-hero-1 {
	position: absolute;
	top: 27%;
	left: 0%;
}
.position-hero-2 {
	position: absolute;
	top: 50%;
	left: 10%;
}
.position-hero-3 {
	position: absolute;
	top: 40%;
	right: 0%;
}
.position-hero-4 {
	position: absolute;
	bottom: 20%;
	right: 5%;
}
.position-hero-1-soft {
	position: absolute;
	top: 150px;
	left: -3%;
}
.position-hero-2-soft {
	position: absolute;
	top: 240px;
	right: -3%;
}
.position-hero-3-soft {
	position: absolute;
	top: 300px;
	left: -3%;
	width: 20em;
}
.position-hero-4-soft {
	position: absolute;
	top: 380px;
	right: -3%;
	width: 20em;
}
.position-hero-5-soft {
	position: absolute;
	top: 460px;
	left: -3%;
	width: 23em;
}
.position-hero-6-soft {
	position: absolute;
	bottom: 0;
	right: -3%;
	width: 20em;
}
.layout-boxed.layout-flex-column.center {
	position: relative;
}
.img-device-explique {
	max-width: 55rem;
	margin-top: 100px;
	margin-bottom: 10px;
	width: 100%;
}
.background-device-temoignage {
	background-color: white !important;
	color: white;
}
.background-soft-temoignage {
	background-color: white !important;
	color: white;
}
.tittle-cas-usage {
	color: #006072;
	text-align: center;
	font-family: Nunito;
	font-size: 2.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.layout-flex-column-tem {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex: 1 1 auto;
}
.margin-top-15-pc-tem {
	margin-top: initial;
}
.img-temoignage-solution {
	position: absolute;
	top: -35%;
	left: -10%;
	width: 13.25rem;
	height: 13.25rem;
	flex-shrink: 0;
}
.img-temoignage-solution-opo {
	position: absolute;
	top: -60%;
	right: -6%;
	width: 13.25rem;
	height: 13.25rem;
	flex-shrink: 0;
}
.card-small-tem {
	width: 70%;
	height: auto;
	border-radius: 1.375rem;
	background: #e6fbff;
	right: 5%;
}
.card-small-tem .text-card-small {
	padding-left: 130px;
	text-align: left;
}
.card-small-tem-opo .text-card-small {
	padding-right: 150px;
	text-align: left;
}
.card-small-tem-opo {
	width: 70%;
	height: auto;
	border-radius: 1.375rem;
	background: #e6fbff;
	left: 5%;
}
.margin-top-tem {
	margin-top: 5%;
}
.circle-chiffre-soft {
	width: 16rem;
	height: 16.0625rem;
	flex-shrink: 0;
	align-self: center;
	border-radius: 16.0625rem;
	background: #1a4c41;
	display: flex;
	justify-content: center;
	align-items: center;
}
.text-chiffre-soft {
	display: flex;
	max-width: 300px;
	height: 7.875rem;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
	color: #1a4c41;
	text-align: center;
	font-family: "Open Sans";
	font-size: 1.1875rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.circle-chiffre {
	background: white;
	border-radius: 50%;
	width: 12.31794rem;
	height: 12.31794rem;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-self: center;
}
.circle-text {
	color: #006072;
	text-align: center;
	font-family: "Nunito";
	font-size: 3.5625rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	align-self: center;
}
.text-chiffre {
	display: flex;
	width: 19.6875rem;
	height: 8.875rem;
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	text-align: center;
	font-family: "Open Sans";
	font-size: 1.1875rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.chiffre-card-small-r {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: auto;
}
.chiffre-card-small-l {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: auto;
}
.struct-chif-key {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.struct-chif-key-soft {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 100%;
}
.padding-top-5-pc-key {
	padding-top: inherit;
}
.card-small-webinaire {
	width: 80%;
	height: auto;
	border-radius: 2.625rem;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	padding: 0% 3%;
}
.img-webinaire {
	height: auto;
	width: 75%;
}
.form-webinaire {
	width: 65%;
	height: 3rem;
	display: flex;
}
.webinaire-form-container {
	width: 100%;
}
.button-right-webinaire {
	border-top-right-radius: 10% 50%;
	border-bottom-right-radius: 10% 50%;
	background: #002b33;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	color: white;
}
.button-right-webinaire:hover {
	background: #647679;
	cursor: pointer;
	border: #647679;
}
.input-left-webinaire {
	border-top-left-radius: 10% 50% !important;
	border-bottom-left-radius: 10% 50% !important;
	height: 98%;
}
.connexion-solution {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	background-color: white;
}
.text-webinaire {
	width: 80%;
	text-align: center;
	font-family: Nunito;
	font-size: 1.8125rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 15px;
}
.text-salon {
	color: #000;
	font-family: "Open Sans";
	font-size: 1.1875rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.card-small-salon {
	width: 50%;
	height: 150px;
	padding: 10px;
	border-radius: 1.875rem;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.right-salon {
	position:center;
	right: 20%;
}
.left-salon {
	position: relative;
	left: 20%;
}
.tittle-soft-big-screen {
	color: #006072;
	text-align: center;
	font-family: Nunito;
	font-size: 2.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.layout-flex-soin-soft {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex: 1 1 auto;
	position: relative;
	min-height: 400px;
}
.parcours-item {
	width: 33.33%;
	margin-top: 80px;
}
.parcours-item:nth-child(odd){
	margin-bottom: 250px;
}
.img-parcours-solution {
	position: relative;
}
.img-parcours-solution img {
	position: absolute;
	left: 40%;
	bottom: -15px;
}
.circle-text-soft {
	color: #fff;
	text-align: center;
	font-family: Nunito;
	font-size: 3.5625rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.img-salon {
	width: 40%;
	max-width: 350px;
}

.device-img {
	border-radius: 20px;
	width: 100%;
}

.img-temoignage-solution-opo .device-img,
.img-temoignage-solution .device-img {
	border-radius: 200px;
}

.section-inscription {
	width: 600px;
 }

/*image*/
@media screen and (max-width: 600px) {
	.device-img {
		margin: 0px 20%;
		width: 60% !important;
	}
	.soft-img {
		width: 100% !important;
	}
}
/* Advantages */
#advantages-device-image-container {
	order: 0;
}
#advantages h3 {
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
}
#advantages p {
	color: #666c77;
}
#advantages li > p:first-of-type {
	margin-top: 0px;
}
/* Advantages 2 */
#advantages-2 {
	align-items: center;
}
#advantages-2 .img-container img {
	width: 100%;
	min-width: 200px;
}
#advantages-2-text {
	padding-left: 5%;
}
#advantages-2-text > li {
	margin: 1em 0;
}
/* RESPONSIVE */

@media screen and (max-width: 599px) {
	.section-basic .section-header {
		padding: 5%;
		margin-top: 0;
		color: #ffffff;
		text-align: center;
		font-family: Nunito;
		font-size: 1.75rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.section-basic h1.section-title {
     font-size: 2.2rem;
	}
	#advantages-device-image-container {
		order: 0;
	}
	.img-temoignage-solution {
		position: absolute;
		height: 150%;
		width: 50%;
		top: -20%;
		left: initial;
	}
	.img-temoignage-solution-opo {
		position: absolute;
		height: 150%;
		width: 50%;
		top: -25%;
		right: initial;
	}
	.img-parcours-solution {
		height: 50%;
	}
	.button-small {
		font-style: normal;
		border-radius: 5.25rem;
		background: #ff910a;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		color: #643802;
		text-align: center;
		font-family: Nunito;
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		max-width: inherit;
		margin-left: 5%;
	}
	.card-small-webinaire {
		width: 80%;
		height: auto;
		border-radius: 2.625rem;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		padding: inherit;
	}
	.img-webinaire {
		height: auto;
		width: 100%;
	}
	.form-webinaire {
		width: 90%;
		height: 2rem;
		display: flex;
	}
	.webinaire-form-container {
		width: 100%;
	}
	.button-right-webinaire {
		border-top-right-radius: 10% 50%;
		border-bottom-right-radius: 10% 50%;
		background: #002b33;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
		color: white;
	}
	.input-left-webinaire {
		border-top-left-radius: 10% 50% !important;
		border-bottom-left-radius: 10% 50% !important;
		height: 98%;
	}
	.card-small {
		width: 80%;
		height: auto;
		border-radius: 0.5625rem;
		background: #e6fbff;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	}
	.card-small-tem {
		right: initial;
		width: 80%;
		height: auto;
		border-radius: 0.5625rem;
		background: #e6fbff;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	}
	.card-small-tem-opo {
		left: initial;
		width: 80%;
		height: auto;
		border-radius: 0.5625rem;
		background: #e6fbff;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	}
	.card-small-tem .text-card-small,
	.card-small-tem-opo .text-card-small {
		display: flex;
		width: 80%;
		height: auto;
		flex-direction: column;
		justify-content: center;
		flex-shrink: 0;
		color: #003039;
		text-align: center;
		font-family: "Open Sans";
		font-size: 1rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		padding: 10px 0;
	}
	.text-intro-hero {
		font-size: 1.2rem;
	}
	.text-resum-hero {
		font-size: 1rem;
	}
	.card-small {
		position: inherit;
		top: inherit;
		left: inherit;
	}
	.chiffre-card-small-r {
		width: 80%;
		height: auto;
		display: flex;
		flex-direction: row;
		margin-right: 15%;
	}
	.chiffre-card-small-l {
		width: 80%;
		height: auto;
		display: flex;
		flex-direction: row;
		margin-left: 15%;
	}
	.circle-chiffre {
		background: white;
		border-radius: 50%;
		width: 5.4375rem;
		height: 5.4375rem;
		flex-shrink: 0;
		align-self: inherit;
	}
	.circle-text {
		color: #006072;
		text-align: center;
		font-family: "Arial Rounded MT Bold";
		font-size: 1.4375rem;
		font-style: normal;
		font-weight: 400;
	}
	.text-chiffre {
		color: #fff;
		font-family: "Open Sans", sans-serif;
		font-size: 1rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		display: initial;
		height: initial;
		width: 80%;
	}
	.circle-chiffre-soft {
		background: #1a4c41;
		border-radius: 50%;
		width: 5.4375rem;
		height: 5.4375rem;
		flex-shrink: 0;
		align-self: inherit;
	}
	.circle-text-soft {
		color: white;
		text-align: center;
		font-family: "Arial Rounded MT Bold";
		font-size: 1.4375rem;
		font-style: normal;
		font-weight: 400;
	}
	.text-chiffre-soft {
		font-size: 1rem;
		height: initial;
		width: 80%;
	}
	.text-webinaire {
		width: 80%;
		text-align: center;
		font-family: Nunito;
		font-size: 1rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.text-salon {
		color: #000;
		font-family: "Open Sans";
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.card-small-salon {
		width: 80%;
		height: auto;
		border-radius: 1.875rem;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	}
	.line-height-1 {
		line-height: 1;
	}
	.img-device-explique {
		max-width: inherit;
		width: 100%;
	}
	.img-device-explique {
		width: 100%;
	}
	.background-device-temoignage {
		background-color: #006072 !important;
		color: white;
	}
	.background-soft-temoignage {
		background-color: #6fc1b1 !important;
		color: white;
	}
	.wave-container-temoignage {
		display: none;
	}
	.wave-container-temoinage-footer {
		display: none;
	}
	.wave-container-temoignage::before {
		display: none;
	}
	.wave-container-temoinage-footer::before {
		display: none;
	}
	.wave-container-temoignage-soft {
		display: none;
	}
	.wave-container-temoignage-soft::before {
		display: none;
	}
	.wave-container-key-soft {
		display: none;
	}
	.wave-container-key-soft::before {
		display: none;
	}
	.tittle-cas-usage {
		display: none;
	}
	.margin-top-15-pc-tem {
		margin-top: 15%;
	}
	.layout-flex-column-tem {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		flex: 1 1 auto;
	}
	.margin-top-tem {
		margin-top: 15%;
	}
	.struct-chif-key {
		display: flex;
		flex-direction: column;
	}
	.struct-chif-key-soft {
		display: flex;
		flex-direction: column;
		justify-content: inherit;
		width: inherit;
	}
	.padding-top-5-pc-key {
		padding-top: 5%;
	}
	.connexion-solution {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.section-basic.background-white.padding-top-5-pc {
		padding-top: inherit;
	}
	.tittle-salon-big-screen {
		display: none;
	}
	.tittle-soft-big-screen {
		display: none;
	}
	.right-salon {
		position: inherit;
		right: inherit;
	}
	.left-salon {
		position: inherit;
		left: inherit;
	}
	.layout-boxed.layout-flex-column.center {
		position: inherit;
	}
	.layout-flex-soin-soft {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		flex: 1 1 auto;
	}
	.img-parcours-solution-1 {
		position: inherit;
		top: inherit;
		left: inherit;
	}
	.img-parcours-solution-2 {
		position: inherit;
		top: inherit;
		left: inherit;
	}
	.img-parcours-solution-3 {
		position: inherit;
		top: inherit;
		left: inherit;
	}
	.parcours-item {
		width: inherit;
		margin-top: 0;
	}
	.parcours-item:nth-child(odd){
		margin-bottom: 0;
	}
	.img-parcours-solution img {
		position: relative;
		max-width: 100px;
		margin: auto;
	}
	.card-small-soft {
		position: inherit;
		width: 90%;
	}
	.section-inscription {
		width: inherit;
	}
}

@media screen and (min-width: 600px) {
	#advantages-device-image-container {
		order: initial;
	}
	#advantages-2 .img-container {
		width: calc(100% / 3 - 20px);
	}
	#advantages-2-text {
		width: calc((2 * 100% / 3) - 20px);
	}
	.r-layout-bar-item {
		background-color: initial;
	}

	.background-device-temoignage div .section-header {
		color: #006072;
	}
}

/* wave solution */

.wave-container {
	height: 2%;
	background-color: #006072;
	position: relative;
}
.wave-container-soft {
	height: 2%;
	background-color: #6fc1b1;
	position: relative;
	padding-top: 136px;
}
.wave-container-temoignage-soft {
	height: 20vh;
	background-color: #6fc1b1;
	position: relative;
}
.wave-container-temoignage {
	height: 20vh;
	background-color: #006072;
	position: relative;
}
.wave-container-temoinage-footer {
	height: 0vh;
	background-color: #006072;
	position: relative;
}
.wave-container-temoignage::before {
	content: "";
	width: 100%;
	height: 127px;
	position: absolute;
	bottom: -0.3%;
	left: 0;
	background-size: auto;
	background-repeat: repeat no-repeat;
	background-position: 37vw bottom;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 98L50 92C100 86 200 74 300 50C400 26 500 -10 600 2C700 14 800 74 900 98C1000 122 1100 110 1150 104L1200 98V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V98Z' fill='%23ffffff'/></svg>");
}
.wave-container-temoinage-footer::before {
	content: "";
	width: 100%;
	height: 168px;
	position: absolute;
	bottom: -0.3%;
	left: 0;
	background-size: auto;
	background-repeat: repeat no-repeat;
	background-position: 30vw bottom;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 98L50 92C100 86 200 74 300 50C400 26 500 -10 600 2C700 14 800 74 900 98C1000 122 1100 110 1150 104L1200 98V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V98Z' fill='%23006072'/></svg>");
}

.wave-container::before {
	content: "";
	width: 100%;
	height: 127px;
	position: absolute;
	bottom: -0.3%;
	left: 0;
	background-size: auto;
	background-repeat: repeat no-repeat;
	background-position: 37vw bottom;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 98L50 92C100 86 200 74 300 50C400 26 500 -10 600 2C700 14 800 74 900 98C1000 122 1100 110 1150 104L1200 98V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V98Z' fill='%23ffffff'/></svg>");
}
.wave-container-soft::before {
	content: "";
	width: 100%;
	height: 127px;
	position: absolute;
	bottom: -0.3%;
	left: 0;
	background-size: auto;
	background-repeat: repeat no-repeat;
	background-position: 37vw bottom;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 98L50 92C100 86 200 74 300 50C400 26 500 -10 600 2C700 14 800 74 900 98C1000 122 1100 110 1150 104L1200 98V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V98Z' fill='%23ffffff'/></svg>");
}
.wave-container-temoignage-soft::before {
	content: "";
	width: 100%;
	height: 127px;
	position: absolute;
	bottom: -0.3%;
	left: 0;
	background-size: auto;
	background-repeat: repeat no-repeat;
	background-position: 37vw bottom;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 98L50 92C100 86 200 74 300 50C400 26 500 -10 600 2C700 14 800 74 900 98C1000 122 1100 110 1150 104L1200 98V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V98Z' fill='%23ffffff'/></svg>");
}

/* wave for footer */
.wave-container-footer {
	padding-top: 150px;
	background-color: white;
	position: relative;
}

.wave-container-footer::before {
	content: "";
	width: 100%;
	height: 168px;
	position: absolute;
	bottom: -0.3%;
	left: 0;
	background-size: auto;
	background-repeat: repeat no-repeat;
	background-position: 30vw bottom;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 98L50 92C100 86 200 74 300 50C400 26 500 -10 600 2C700 14 800 74 900 98C1000 122 1100 110 1150 104L1200 98V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V98Z' fill='%23006072'/></svg>");
}

.wave-container-footer-soft {
	height: 20vh;
	background-color: #ffffff;
	position: relative;
}
.wave-container-footer-soft::before {
	content: "";
	width: 100%;
	height: 153px;
	position: absolute;
	bottom: -0.3%;
	left: 0;
	background-size: auto;
	background-repeat: repeat no-repeat;
	background-position: 46vw bottom;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 98L50 92C100 86 200 74 300 50C400 26 500 -10 600 2C700 14 800 74 900 98C1000 122 1100 110 1150 104L1200 98V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V98Z' fill='%236fc1b1'/></svg>");
}
.wave-container-key-soft {
	height: 20vh;
	background-color: #ffffff;
	position: relative;
}
.wave-container-key-soft::before {
	content: "";
	width: 100%;
	height: 153px;
	position: absolute;
	bottom: -0.3%;
	left: 0;
	background-size: auto;
	background-repeat: repeat no-repeat;
	background-position: 46vw bottom;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 98L50 92C100 86 200 74 300 50C400 26 500 -10 600 2C700 14 800 74 900 98C1000 122 1100 110 1150 104L1200 98V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V98Z' fill='%236fc1b1'/></svg>");
}