.main-container{

	background-image:url(../assets/bg-empty-desktop.jpg);

	background-position:center 55%;

}





.group-top{

	position:absolute;

	top:25px;

	left:50%; translate:-50% 0;

	width:100%;

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

}

.img-title-home{

	width: 597px;

}





.text-bottom-side{

	font-size:14px;

}









/* ------------------------------------------------------------ */

/* caroussel */



.caroussel{

	

	position:absolute; left:50%; translate: -50% -50%;

	display:flex;  flex-direction: row; justify-content: space-between;

	width:100%; max-width:1350px;

	top:700px;

	align-items:center;

}

.caroussel-center{

	width:100%; max-width:900px;		/*item width * 2 + gap*/ 

	overflow: hidden;

}

.caroussel-slider{

	display:flex; flex-direction: row; gap:20px;

}

.caroussel-item{

	width:438px;

	/* background-color:rgba(255, 0, 0, 0.00); */

	flex-shrink:0;

	text-align:center;

	display:flex;  flex-direction: column; gap:10px;

}

.caroussel-item-img-container{

	width: 100%; height:400px;

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

	/* background-color: rgba(0, 255, 0, 0.07); */

}

.caroussel-item-img-container img{

	margin: 0 auto;

	scale:0.8;

	/* width:400px; */

}



.caroussel-item:nth-child(4) img, .caroussel-item:nth-child(5) img{

	scale:0.7;

}



.caroussel-item-title{

	color:#007BC2;

	font-size:22px;

	text-transform: uppercase;

	text-align:center; font-family: 'Evian Sans';

	font-weight:400;

	margin-top:-40px;

}

.caroussel-item-title b{

	font-weight:700;

}

.caroussel-item-footnote{

	color:#007BC2;

	font-size:12px; font-weight:500;

	text-transform: uppercase;

	text-align:center; font-family: 'Evian Sans Condensed';

	text-transform: unset;

}

.caroussel-item-footnote a{

	text-decoration: underline;

}



.hidden{

	visibility:hidden;

}





.arrow{

	/* position:absolute; top:50%; translate: -50% 0; */

	width:33px; pointer-events: none; 

}

.arrow.hidden{

	display: none;

}

.btn-arrow{

	cursor:pointer;

	padding:30px;

	margin-top:60px;

}

.btn-arrow:active{scale:0.7;}

.btn-arrow:hover{scale:0.85;}





.caroussel-item:nth-child(1) img{

	margin-top:70px;

}









/* mobile */

@media(max-width:490px){

	

	.main-container{

		background-image:url(../assets/bg-empty-mobile.jpg);

		background-position: center 22%;

		background-size:cover;

	}

	

	.container .main-container{

		justify-content: flex-start;

		padding-top:4rem;

		background-position:50% 30%;

	}

	

	.img-title-home{

		width:200px;

	}

	.group-top{ 

		top:13%;

	}

	

	

	.btn-arrow{

		scale:0.6;

		padding:7px;

		margin-top:-60px;

	}

	.btn-arrow:hover{ 

		scale:0.5;

	}

	.caroussel{

		top:58%;

	}

	

	.caroussel-center{

		width:100%; max-width:320px;

	}

	.caroussel-item{

		width:100%; gap:20px;

	}

	.caroussel-item-img-container{

		height:255px;

	}

	.caroussel-item-title{

		font-size:18px;

		margin-top:-10px;

	}

	.caroussel-item-footnote{

		font-size:10px;

	}

}





@media(max-height:704px) and (max-width:490px){

	.caroussel{

		top:65%;

	}

	.caroussel-item-title{

		margin-top:-30px;

	}

}