.swiper-container {
    width: 100%;
    padding: 50px 0;
  }

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

  .card {
    width: 300px;     
    height: 400px;    
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    overflow: hidden;
    position: relative;
  }
  

.card-footer {
  background: #f8f8f8; 
  padding: 15px;
  text-align: center;
  border-top: 1px solid #ddd;
}


.card-footer h2 {
  margin: 0 0 10px;
  font-size: 26px;  
  color: #333;
}


.slide-button {
  display: inline-block;
  padding: 8px 16px;  
  font-size: 14px;    
  background-color: #203663;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.slide-button:hover {
  background-color: #0486c2;
}

.swiper-button-next, .swiper-button-prev {
  color: #203663; /* Cambia colore per vedere se il problema è la visibilità */
  font-size: 24px; /* Ingrandisci per testare */
  opacity: 1; /* Assicurati che siano visibili */
  z-index: 10; /* Aumenta il livello di sovrapposizione */
}