/* Réduction de la hauteur sur tablette */
@media (max-width: 1024px) {
  .fancy-box-case-study {
    height: 200px !important;
  }
}

/* Et sur mobile (si besoin) */
@media (max-width: 767px) {
  .fancy-box-case-study {
    height: 150px !important;
  }
}

@media (max-width: 1024px) {
.fancy-box {
    position: relative;
    margin-bottom: 5px;
    }
}

@media (max-width: 767px) {
.fancy-box {
    position: relative;
    margin-bottom: 5px;
   /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 48% !important;*/
    }
}



@media (max-width: 767px) {
  /* Conteneur global : centre les éléments */
  .wpb_wrapper {
    text-align: left !important;
  }

  /* Chaque boîte : deux colonnes alignées et espacées */
  .fancy-box {
    display: inline-block !important;
    box-sizing: border-box !important;
    width: 47% !important;           /* légère réduction pour laisser un écart */
    vertical-align: top !important;
    margin: 5px 1% !important;       /* espace horizontal et vertical */
  }

  /* Hauteur adaptée */
  .fancy-box-case-study {
    height: 160px !important;
    overflow: hidden;
  }
}

.fancy-box {
    position: relative;
    margin-bottom: 30px;
}