.elementor-617 .elementor-element.elementor-element-91c502c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-617 .elementor-element.elementor-element-b1d0072{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}/* Start custom CSS for html, class: .elementor-element-9b6fd05 */.card {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 50px;
}

.card-img {
  width: 100%;
  display: block;
  transition: 0.5s ease;
}

.card-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* effet sombre */
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0;
  transition: 0.5s ease;
  padding: 20px;
}

.card-hover h2 {
  margin-bottom: 15px;
  font-size: 60px;
  font-family: barlow-condensed, sans-serif;
font-weight: 700;
font-style: italic;
}

.card-hover ul {
  list-style: none;
  padding: 0;
}

.card-hover ul li {
  margin: 10px 0;
  font-family: barlow, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
}

/* Effet hover */
.card:hover .card-img {
  transform: scale(1.1);
  filter: blur(3px);
}

.card:hover .card-hover {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d2ad8a */.card-mobile {
  position: relative;
  width: 300px;
  height: 400px;
  overflow: hidden;
  border-radius: 50px;
}

#card-one {
    height: 400px;
    background-image: url('/wp-content/uploads/2025/08/fit-one.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.card-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* effet sombre */
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0;
  transition: 0.5s ease;
  padding: 20px;
}

.card-hover h2 {
  margin-bottom: 15px;
  font-size: 60px;
  font-family: barlow-condensed, sans-serif;
font-weight: 700;
font-style: italic;
}

.card-hover ul {
  list-style: none;
  padding: 0;
}

.card-hover ul li {
  margin: 10px 0;
  font-family: barlow, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
}

/* Effet hover */
.card-mobile:hover .card-img {
  transform: scale(1.1);
  filter: blur(3px);
}

.card-mobile:hover .card-hover {
  opacity: 1;
}/* End custom CSS */