.modal-ev-container{

	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 0rem;

	padding: 50px 0 10px 0;

	background-color:#FFDEE4;

	border:4px solid white;

	height:100%;

	justify-content: center;

}









.header1 {

	align-self: stretch;

	color: #007bc2;

}



.btn-title {

	margin: 0 auto;

	width: 90%;

	max-width: 500px;

	min-height: 50px;

	/* line-height:75px; */

	display:flex; align-items:center; justify-content: center;

	flex-shrink: 0;

	color: #fff;

	font-size: 28px;

	font-style: normal;

	font-weight: 700;

	letter-spacing: 3.03px;

	text-align: center;

	background-color: #007bc2;

	padding: 0 16px;

	border-radius: 43px;

}



.btn-close{ display:block;}







.item-howto1 {

	margin: 17px auto 0 auto;

	width: 90%;

	max-width: 480px;

	display: flex;

	align-items: center;

	gap: 0px;

	font-size: 32px;

	padding-left: 10px;

	padding-top: 6px;

	height:120px;

}



.item-howto-rond1 {

	position: relative;

	width: 171px; height: 171px;

	border-radius:50%;

	display: flex;

	flex-direction: column;

	align-items: flex-start;

	flex-shrink: 0;

	color: #007bc2;

	font-weight: 700;

	background-color: #007bc2;

	display:flex; justify-content: center; align-items: center;

	scale:0.5;

}



.item-howto-subtitle1 {

	flex-grow: 1;

	color: #007BC2;

	font-weight: 600;

	text-align: left;

	font-size:20px;

}





.item-howto-btn1 {

	

	position: relative;

	margin-left: -10px; margin-top: -6px;

	width: 54px; height: 54px;

	display: flex;

	justify-content: center;

	flex-shrink: 0;

	font-style: normal;

	letter-spacing: 2.85px;

	text-align: center;

	background-color: #fff;

	padding: 9px 7px 8px 7px;

	border-radius: 50%;

	

	z-index: 2;

	position:absolute; top:-1px; left:-1px;

}



.item-howto-bottle-hand {

	width: 91px;

}



.item-howto-formulaire {

	width: 83px;

}

.item-howto-bouton-click {

	width: 103px;

}





.howto-header-mobile{

	display:none;

	background:white;

	width:100%; height:76px;

	position:absolute; top:0px;

	z-index:1;

}



.logo-evian { width: 86px; right:14px; }



.mobile{ display:none}



.text-bottom-right {

	margin: 49px 17px 0 17px;

	text-align: right;

	bottom:42px;

	right:5px;

/*	display:none;  */

}

@media(max-width:465px){

	.text-bottom-right { bottom:62px;}

}







@media(max-width:1120px){

	.howto-header-mobile{ display:block;}

	.btn-close { top: 9px; right: -7px; z-index:9;}

	.text-bottom-right { display:block !important;}

	

	.desktop{ display:none;}

	.mobile{ display:block;}

}





@media(max-width:960px){

	.modal-ev-container{

		gap:0rem;

	}

	.item-howto1 {

		flex-direction: column; align-items: center;

		max-width:250px;

		gap:0;

		height:140px;

		scale:0.9;

	}

	.item-howto1:nth-child(4){

		margin-top:-25px;

	}

	.item-howto1:nth-child(5){

		margin-top:-5px;

	}

	.item-howto-subtitle1{

		text-align:center;

		font-size:16px;

		margin-top:-34px;

	}

	

	.btn-title {

		min-height:28px;

		font-size:18px;

		max-width:380px;

	}

	

	

}







/* height issues */

@media(max-height:706px){

	.item-howto1 {

		scale:0.8;

		margin-top:0px;

	}

}

@media(max-height:660px){

	.item-howto1 {

		scale:0.7;

		margin-top:-10px;

	}

	.item-howto1:nth-child(5){

		margin-top:-20px !important;

	}

}