.side img {
  height: 60%;
  width: 60%;
}

.valeurs_container {
  display: flex;
  justify-content: space-between;
  gap: 38px;
  padding: 0 34px;
  flex-wrap: wrap;
}

.valeurs_label {
  font-size: 1.875rem;
  line-height: 1.3;
  font-weight: 800;
  background: #03fbcd;
  background: -webkit-linear-gradient(to right, #03fbcd 0%, #03ccf8 100%);
  background: -moz-linear-gradient(to right, #03fbcd 0%, #03ccf8 100%);
  background: linear-gradient(to right, #03fbcd 0%, #03ccf8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.valeurs_subtitle {
  color: #333;
  font-size: 0.95rem;
  font-weight: 200;
  line-height: 1.1;
}

.valeurs_label::before {
  content: "";
  width: 100%;
  height: 22px;
  background-image: url(/wp-content/uploads/2023/10/deco-line-title.svg);
  top: 0;
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-top: 20px;
}

.valeurs_label::after {
  content: "";
  width: 100%;
  height: 22px;
  background-image: url(/wp-content/uploads/2023/10/deco-line-title.svg);
  bottom: 0;
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom: 20px;
}

/* Style de base pour la carte */
.container_single_valeurs {
  width: calc(25% - 30px);
  height: 351px;
  position: relative;
  perspective: 1000px; /* Ajoutez de la perspective pour un effet plus prononcé */
}

.flip-box-front,
.flip-box-back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform-style: preserve-3d;
  transition: transform 0.6s ease-in-out;
  backface-visibility: hidden;
  border-radius: 20px;
}

.flip-box-front {
  background: linear-gradient(68deg, rgb(3, 251, 205) 0%, rgb(3, 204, 248) 96%);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotateY(0deg);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.flip-box-back {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  color: #fff;
  transform: rotateY(-180deg);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  padding: 15px 15px 15px 15px;
  text-align: center;
}

.flip-box-back p {
  margin: 0;
}

.container_single_valeurs:hover .flip-box-front {
  transform: rotateY(180deg);
}

.container_single_valeurs:hover .flip-box-back {
  transform: rotateY(0deg);
}

@media screen and (max-width: 1300px) {
  .container_single_valeurs {
    height: 301px;
  }
}

@media screen and (max-width: 992px) {
  .container_single_valeurs {
    width: calc(50% - 19px);
  }
  .valeurs_container {
    max-width: 570px;
    margin: auto;
  }
}

@media screen and (max-width: 480px) {
  .container_single_valeurs {
    width: 100%;
  }
  .valeurs_container {
    max-width: 270px;
  }
}