.swiper {
  height: 450px;
  position: relative;
  
}

.slide-container {

  display: flex;
  
  justify-content: flex-start; /* Allinea il testo in alto (inizio della colonna) */
  align-items: flex-start; /* Allinea il testo a sinistra */

  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; /* Nasconde il contenuto che esce dai confini */
}

.background-image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Copre l'intera area senza deformare l'immagine */
  filter: brightness(50%); /* Riduce la luminosità dell'immagine */
}

.overlay {
  max-width: 570px;
  padding: 20px 50px;
  display: flex; /* Usa Flexbox per centrare il testo */
  flex-direction: column; /* Allinea il testo verticalmente */
  justify-content: center; /* Centra verticalmente */
  align-items: center; /* Centra orizzontalmente */
  color: white; /* Colore del testo */
  text-align: center; /* Centro del testo */
  position: absolute; /* Posizionamento assoluto per sovrapporre */
  z-index: 1; /* Assicura che il testo sia sopra l'immagine */
}

.slide-container { font-family: 'Poppins', sans-serif; }
.slide-container.scary { font-family: 'Creepster', sans-serif;}


.slide-title {
  font-weight: 700;
  font-size: 55px;
  line-height: 1.2em;
}

.slide-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5em;
}


.btn-cta {
    background-color: #f8270f;      /* Colore di sfondo rosso */
    color: white;               /* Colore del testo bianco */
    border: none;               /* Nessun bordo */
    border-radius: 25px;       /* Bordo stondato */
    padding: 10px 20px;        /* Spaziatura interna */
    font-size: 16px;           /* Dimensione del testo */
    cursor: pointer;           /* Cambia il cursore quando passa sopra */
    text-decoration: none;     /* Rimuove la sottolineatura del link */
    display: inline-block;     /* Rende l'elemento un blocco in linea */
    transition: background-color 0.3s; /* Transizione del colore */
}

.btn-cta:hover {
    background-color: darkred;  /* Colore rosso scuro al passaggio del mouse */
}
