
.header-item.--center a:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: white;
    z-index: -1;
    left: 0;
    bottom: -40%;
}

footer{
  overflow: clip;
}

.background-graphic-container{
  width: clamp(300px,33vw,700px);
  height: 100%;
  top: -1rem;
  left: 50%;
  position: absolute;
  .background-graphic{
    svg{
      fill: white;
    }
  }
}
@media all and (max-width: $break3Down) {
  .background-graphic-container{
    right: -10%;
    left: auto;
    opacity: 0.33;
  }
}

.background-graphic-container{
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.background-graphic{
  position: absolute;
  width: 100%;
  &.small{
    svg {
      opacity: 0.5;
    }
  }
  &.big{
    transform: scale(1.75);
    svg {
      opacity: 0.25;
    }
  }
}
  @keyframes move-helix {
    0%{
      transform: translate(0,0) scale(1);
    }
    100%{
      transform: translate(var(--target-x),var(--target-y)) scale(var(--target-scale));
    }
  }
.background-graphic{
svg{
  animation: none;
  --target-x: 5%;
  --target-y: 5%;
  path{
    transform-box: fill-box;
    animation: move-helix 12s infinite alternate both ease-in-out;
    &:nth-child(1){
      --target-x: 420%;
      --target-y: 1032%;
      --target-scale: 0.5;
      animation-delay: -0.75s;
    }
    &:nth-child(2){
      --target-x: -789%;
      --target-y: -1930%;
      --target-scale: 1.9;
      animation-delay: -0.75s;
    }
    &:nth-child(3){
      --target-x: 330%;
      --target-y: 802%;
      --target-scale: 0.5;
      animation-delay: -0.5s;
    }
    &:nth-child(4){
      --target-x: -599%;
      --target-y: -1450%;
      --target-scale: 1.9;
      animation-delay: -0.5s;
    }
    &:nth-child(5){
      --target-x: 230%;
      --target-y: 492%;
      --target-scale: 0.6;
    }
    &:nth-child(6){
      --target-x: -409%;
      --target-y: -864%;
      --target-scale: 1.7;
      animation-delay: -0.25s;
    }
    &:nth-child(7){
      --target-x: 153%;
      --target-y: 297%;
      --target-scale: 0.8;
    }
    &:nth-child(8){
      --target-x: -183%;
      --target-y: -352%;
      --target-scale: 1.2;
    }
    &:nth-child(10){
      --target-x: 152%;
      --target-y: 236%;
      --target-scale: 0.6;
    }
    &:nth-child(11){
      --target-x: -253%;
      --target-y: -412%;
      --target-scale: 1.7;
    }
    &:nth-child(12){
      --target-x: 308%;
      --target-y: 450%;
      --target-scale: 0.6;
      animation-delay: -0.25s;
    }
    &:nth-child(13){
      --target-x: -553%;
      --target-y: -811%;
      --target-scale: 1.7;
      animation-delay: -0.25s;
    }
    &:nth-child(14){
      --target-x: 404%;
      --target-y: 601%;
      --target-scale: 0.6;
      animation-delay: -0.5s;
    }
    &:nth-child(15){
      --target-x: -763%;
      --target-y: -1134%;
      --target-scale: 1.9;
      animation-delay: -0.5s;
    }
    &:nth-child(16){
      --target-x: 379%;
      --target-y: 581%;
      --target-scale: 0.6;
      animation-delay: -0.75s;
    }
    &:nth-child(17){
      --target-x: -763%;
      --target-y: -1134%;
      --target-scale: 1.9;
      animation-delay: -0.75s;
    }
  }
}
&.big{
  svg{
    path{
      animation-duration: 24s;
      animation-direction: alternate-reverse;
    }
  }
}
}
h1 {
  color: #eab851;
}
h2,
h3,
h4,
h5,
h6 {
  color: #2d7368;
}

.color-scheme-48ef604e-eb60-41b4-86ad-11c4431c69ef,
.color-scheme-62c0c986-33fc-435f-9af0-59f59004fe76 {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #fff !important;
  }
}

#template--29496418763135__multicolumn_ikrDCr, #template--29496418599295__multicolumn_Vp9BNH, #template--29776648733055__multicolumn_zFnqGU{
  .multicolumn-item{
    .rte{
      ul{
        list-style-type: none;
        margin-top: 2rem;
        margin-left: 0;
        margin-bottom: 2rem;
        border-top: 2px solid var(--color-button-background);
        padding-top: 1rem;
        li{
          --marker-width: 1.9rem;
          --marker-gap: 0.75rem;
          padding-left: calc(var(--marker-width) + var(--marker-gap));
          padding-top: 0.563rem;
          position: relative;
          &::before{
            content: "";
            display: inline-block;
            margin-right: var(--marker-gap);
            margin-left: calc((var(--marker-width) + var(--marker-gap)) * -1);
            width: var(--marker-width);
            aspect-ratio: 1;
            background-color: var(--color-button-background);
            border-radius: 50%;
            clip-path: url(#myoralage-list-point);
            margin-bottom: -0.1rem;
          }
          &::after{
            content: "";
            display: block;
            position: absolute;
            width: calc(var(--marker-width) - 8px);
            aspect-ratio: 10 / 9;
            background-color: white;
            left: 4px;
            top: calc(0.563rem + 6px);
            clip-path: polygon(0% 88%, 11% 69%, 33% 78%, 91% 0%, 100% 15%, 33% 100%);
          }
        }
      }
    }
  }
}

.product-block__description{
  font-size: 20px;
}