.elementor-817 .elementor-element.elementor-element-163ff1f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-817 .elementor-element.elementor-element-163ff1f:not(.elementor-motion-effects-element-type-background), .elementor-817 .elementor-element.elementor-element-163ff1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.biophysium.com/wp-content/uploads/2026/04/abstract-white-and-grey-background-with-dynamic-waves-shape-free-vector.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-817 .elementor-element.elementor-element-b44d8ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-817 .elementor-element.elementor-element-ecfee6f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-817 .elementor-element.elementor-element-c84a11a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-817 .elementor-element.elementor-element-c84a11a .elementor-heading-title{color:var( --e-global-color-text );}.elementor-817 .elementor-element.elementor-element-4ecfc5d{text-align:start;}.elementor-817 .elementor-element.elementor-element-4ecfc5d p{margin-block-end:5px;}.elementor-817 .elementor-element.elementor-element-51a5d51{--display:flex;}.elementor-817 .elementor-element.elementor-element-8bd8308{--grid-columns:3;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-817 .elementor-element.elementor-element-163ff1f{--margin-top:0%;--margin-bottom:10%;--margin-left:0%;--margin-right:0%;}.elementor-817 .elementor-element.elementor-element-b44d8ed{--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:05%;--padding-right:05%;}.elementor-817 .elementor-element.elementor-element-ecfee6f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-817 .elementor-element.elementor-element-c84a11a{text-align:center;}.elementor-817 .elementor-element.elementor-element-4ecfc5d{text-align:center;}.elementor-817 .elementor-element.elementor-element-51a5d51{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:05%;}.elementor-817 .elementor-element.elementor-element-8bd8308{--grid-columns:1;}.elementor-817 .elementor-element.elementor-element-8bd8308 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-817 .elementor-element.elementor-element-163ff1f{--margin-top:0%;--margin-bottom:10%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-817 .elementor-element.elementor-element-b44d8ed{--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-817 .elementor-element.elementor-element-c84a11a{text-align:center;}.elementor-817 .elementor-element.elementor-element-4ecfc5d{text-align:center;}.elementor-817 .elementor-element.elementor-element-51a5d51{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-817 .elementor-element.elementor-element-8bd8308{--grid-columns:1;}}@media(min-width:768px){.elementor-817 .elementor-element.elementor-element-ecfee6f{--width:55%;}}@media(max-width:1024px) and (min-width:768px){.elementor-817 .elementor-element.elementor-element-ecfee6f{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-163ff1f *//* Classe : mesh-hero */

.mesh-hero{
  position: relative;
  overflow: hidden;
  background: #ffffff;
  isolation: isolate;
}

.mesh-hero::before,
.mesh-hero::after{
  content:"";
  position:absolute;
  width:44vmax;          /* un peu plus grand */
  height:44vmax;
  border-radius:50%;
  z-index:0;

  filter: blur(44px) saturate(115%);
  opacity:.58;           /* plus présent */

  will-change: transform;
  animation-timing-function: linear;
}

/* ===== BLOB BLEU ===== */
.mesh-hero::before{
  top:-12vmax;
  left:-10vmax;

  background: radial-gradient(circle at 40% 40%,
    rgba(48,144,199,.75) 0%,
    rgba(48,144,199,.55) 40%,
    transparent 75%);

  animation: driftBlue 22s infinite;
}

/* ===== BLOB VERT ===== */
.mesh-hero::after{
  bottom:-14vmax;
  right:-12vmax;

  background: radial-gradient(circle at 60% 60%,
    rgba(83,175,55,.75) 0%,
    rgba(83,175,55,.55) 40%,
    transparent 75%);

  animation: driftGreen 26s infinite;
}

.mesh-hero > *{
  position: relative;
  z-index: 1;
}

@keyframes driftBlue{
  0%   { transform: translate3d(0,0,0) scale(1.02); }
  30%  { transform: translate3d(42vw,12vh,0) scale(1.08); }
  65%  { transform: translate3d(18vw,40vh,0) scale(1.05); }
  100% { transform: translate3d(0,0,0) scale(1.02); }
}

@keyframes driftGreen{
  0%   { transform: translate3d(0,0,0) scale(1.04); }
  35%  { transform: translate3d(-40vw,-14vh,0) scale(1.10); }
  70%  { transform: translate3d(-18vw,-42vh,0) scale(1.06); }
  100% { transform: translate3d(0,0,0) scale(1.04); }
}

@media (prefers-reduced-motion: reduce){
  .mesh-hero::before,
  .mesh-hero::after{ animation:none; }
}/* End custom CSS */