@font-face {
  font-family: 'NaomisHand-Regular';
  src: url('/fonts/NaomisHand-Regular.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Caballar';
  src: url('/fonts/Caballar.ttf') format('truetype');
  font-style: normal;
}

.service-card:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.service-card {
  display: flex;
  flex-direction: column;
  background-color: #94a988;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ddd;
}

/* On réserve un espace fixe pour le titre blanc */
.service-card .white {
  color: #f4eee0;
  font-family: 'NaomisHand-Regular', sans-serif;
  font-size: 35px;
  line-height: 0.4;
  /* Partie importante */
  height: 60px;           /* fixe la hauteur */          
  align-items: flex-end;    /* aligne le texte en bas */
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}

/* Texte explicatif */
.service-card .green {
  text-align: center;
  height: 60px;
  color: #405d47;
  font-family: 'Caballar', sans-serif;
  font-size: 12px;
  padding-left: 20px;
  padding-right: 20px;
}

/*.scotch {
  transform: translateY(-15px); on part légèrement en haut
  overflow: visible;  autoriser le débordement
}*/

/* Image */
.service-card img {
  border-radius: 10px;
  height: 500px;
  object-fit: cover;
  background-size: cover;       /* adapte l'image pour qu'elle soit entièrement visible */
  background-repeat: no-repeat;   /* évite de répéter l'image */
  background-position: center;    /* centre l'image dans le conteneur */
}