.FullH_listGradient svg linearGradient {
  --FHLG1: var(--gradientcolorB1);
  --FHLG2: var(--gradientcolorB2);
  --FHLG3: var(--gradientcolorB3);
}


.FullH_listGradient h2.animDone span[style*="var(--color10)"]{
  background-clip: text;
  background-image:linear-gradient(45deg,var(--gradientcolorB1),var(--gradientcolorB2) 25%,var(--gradientcolorB3) 45%,var(--gradientcolorB3) 65%,var(--gradientcolorB2) 75%,var(--gradientcolorB1));
  /*-webkit-linear-gradient(35deg, var(--gradientcolorB1),var(--gradientcolorB2),var(--gradientcolorB3));*/
  background-position: 250% 5%;
  background-size: 250% 100%;
  transform: translateZ(0);
  animation-name:GradientMoove; animation-duration: 3s; animation-iteration-count: 1; animation-timing-function: linear; animation-fill-mode: forwards;
}
@keyframes GradientMoove{
  0% {
    background-position-x: 250%;
  }
  100% {
    background-position-x: 0%;
  }
}


.FullH_listGradient .lists.shapeChange[data-shape="3"] .list{
  position: relative;
  padding-left: 2rem;
  --sizeList: 2rem;
  list-style: none;
  padding-bottom: calc(1 * var(--sizeList));
  padding-top: calc(1 * var(--sizeList));
}

.FullH_listGradient .lists.shapeChange[data-shape="3"] .list svg{
  position: absolute;
  top: calc(0.79 * var(--sizeList));
  left: calc(-1.5 * var(--sizeList));
  width: calc(1.8 * var(--sizeList));
  height: calc(1.8 * var(--sizeList));
}

.FullH_listGradient .lists.shapeChange[data-shape="3"] .list svg,
.FullH_listGradient .lists.shapeChange[data-shape="3"] .list svg *{animation-delay: inherit;}
.FullH_listGradient .lists.shapeChange[data-shape="3"] .list.anim svg .check-icon-check{
  stroke-dasharray: 0, 95px; opacity: 0;
}
.FullH_listGradient .lists.shapeChange[data-shape="3"] .list.animDone svg .check-icon-check{
  stroke-linecap: round; stroke-linejoin: round; animation: check .6s ease-out forwards; animation-delay: inherit;
}
.FullH_listGradient .WrapBtnPlus .bg_choice{ width:3.5rem; height:3.5rem }

.FullH_listGradient .lists.shapeChange[data-shape="3"] .list p mark{background:transparent;color:inherit; opacity: 0; transition-property:opacity; transition-duration: 20ms}
.FullH_listGradient .lists.shapeChange[data-shape="3"] .list p mark.animDone{ opacity:1}
.FullH_listGradient .lists .list p{font-size: 2.5em}
.FullH_listGradient .lists .list h2{font-size: 3.5em}
@keyframes check{
  0% {
    stroke-dasharray: 0,95px;
    opacity: 1;
  }
  100% {
    stroke-dasharray: 95px,95px;
    opacity: 1;
  }
}

.FullH_listGradient p.anim{opacity: 1; transform: translateY(0);}


@media screen and (max-width: 1000px) {
 .FullH_listGradient .lists.shapeChange[data-shape="3"] .list svg{
    left: calc(-0.5 * var(--sizeList));
  }
  .FullH_listGradient .btnPlus{padding-left: 2rem; padding-right: 2rem}
}