.swiper-info{
	width: 100%;
	overflow: visible;
	padding: 0;
}

.swiper-info .swiper-slide{
	border: 0;
	background-color: transparent;
	transition: 0.3s ease-in-out;
	max-width: 300px;
}

.swiper-info .card-custom{
	min-height: 300px;
	max-width: 300px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--white);
	padding: 0;
	border-radius: 24px;
	border: 1px solid var(--grey);
}

.swiper-info .card-custom h2{
	font-size: 82px;
	color: var(--white);
	margin-bottom: 0;
}

.swiper-info .card-custom h6{
	color: var(--white);
}

.swiper-info .swiper-pagination {
  position: absolute;
  /*bottom: -40px;*/
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 4px;
}

.swiper-info  .swiper-pagination-bullet {
  width: 30px;
  height: 4px;
  background: var(--darkgrey);
  transition: background 0.3s ease;
  border-radius: 5px;
}

.swiper-info .swiper-pagination-bullet-active {
  background: var(--white);
  width: 30px;
}

.swiper-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px; /* spazio tra frecce e paginazione */
  margin-top: 20px;
  position: relative;
  bottom: -40px;	
}

.swiper-button-prev-info,
.swiper-button-next-info {
  position: static; /* override di Swiper */
  width: auto;
  height: auto;
  color: #fff; /* o altro colore */
  cursor: pointer;
  display: flex;
  align-items: center;
}

.swiper-button-prev-info{
  position: relative; 
  left: -128px;
}

.swiper-button-next-info{
  position: relative; 
  left: 128px;
}

.swiper-button-next-info:after, .swiper-button-prev-info:after{
	font-size: 22px;
}

.swiper-pagination-info {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 768px){
	
	.swiper-impatto .card-custom h2{
		font-size: 100px;
	}
	
	.swiper-impatto .card-custom h4{
		font-size: 30px;
	}
}