/***************************************************
 Hero 1 mobile
 **************************************************/

 .hero-endometriosis .hero__image svg:not(.svg-draw) {
    opacity: 0;
 }

 @-webkit-keyframes animate-svg-stroke-1-endometrios-mobile {
    0% {
      stroke-dashoffset: 732.2608642578125px;
      stroke-dasharray: 732.2608642578125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 732.2608642578125px;
    }
  }
  
  @keyframes animate-svg-stroke-1-endometrios-mobile {
    0% {
      stroke-dashoffset: 732.2608642578125px;
      stroke-dasharray: 732.2608642578125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 732.2608642578125px;
    }
  }
  
  .svg-draw .svg-draw-1-1 {
    -webkit-animation: animate-svg-stroke-1-endometrios-mobile 1.5s linear 0s both,
                         animate-svg-fill-1-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s both;
            animation: animate-svg-stroke-1-endometrios-mobile 1.5s linear 0s both,
                 animate-svg-fill-1-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-2-endometrios-mobile {
    0% {
      stroke-dashoffset: 5266.64599609375px;
      stroke-dasharray: 5266.64599609375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 5266.64599609375px;
    }
  }
  
  @keyframes animate-svg-stroke-2-endometrios-mobile {
    0% {
      stroke-dashoffset: 5266.64599609375px;
      stroke-dasharray: 5266.64599609375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 5266.64599609375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-2-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-2-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-1-2 {
    -webkit-animation: animate-svg-stroke-2-endometrios-mobile 1.5s linear 0.12s both,
                         animate-svg-fill-2-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.30000000000000004s both;
            animation: animate-svg-stroke-2-endometrios-mobile 1.5s linear 0.12s both,
                 animate-svg-fill-2-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.30000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-3-endometrios-mobile {
    0% {
      stroke-dashoffset: 1619.8154296875px;
      stroke-dasharray: 1619.8154296875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1619.8154296875px;
    }
  }
  
  @keyframes animate-svg-stroke-3-endometrios-mobile {
    0% {
      stroke-dashoffset: 1619.8154296875px;
      stroke-dasharray: 1619.8154296875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1619.8154296875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-3-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-3-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-1-3 {
    -webkit-animation: animate-svg-stroke-3-endometrios-mobile 1.5s linear 0.24s both,
                         animate-svg-fill-3-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s both;
            animation: animate-svg-stroke-3-endometrios-mobile 1.5s linear 0.24s both,
                 animate-svg-fill-3-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-4-endometrios-mobile {
    0% {
      stroke-dashoffset: 443.38494873046875px;
      stroke-dasharray: 443.38494873046875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 443.38494873046875px;
    }
  }
  
  @keyframes animate-svg-stroke-4-endometrios-mobile {
    0% {
      stroke-dashoffset: 443.38494873046875px;
      stroke-dasharray: 443.38494873046875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 443.38494873046875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-4-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-4-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-1-4 {
    -webkit-animation: animate-svg-stroke-4-endometrios-mobile 1.5s linear 0.36s both,
                         animate-svg-fill-4-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s both;
            animation: animate-svg-stroke-4-endometrios-mobile 1.5s linear 0.36s both,
                 animate-svg-fill-4-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-5-endometrios-mobile {
    0% {
      stroke-dashoffset: 1580.32958984375px;
      stroke-dasharray: 1580.32958984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1580.32958984375px;
    }
  }
  
  @keyframes animate-svg-stroke-5-endometrios-mobile {
    0% {
      stroke-dashoffset: 1580.32958984375px;
      stroke-dasharray: 1580.32958984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1580.32958984375px;
    }
  }
  
  .svg-draw .svg-draw-1-5 {
    -webkit-animation: animate-svg-stroke-5-endometrios-mobile 1.5s linear 0.48s both,
                         animate-svg-fill-5-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.6000000000000001s both;
            animation: animate-svg-stroke-5-endometrios-mobile 1.5s linear 0.48s both,
                 animate-svg-fill-5-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.6000000000000001s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-6-endometrios-mobile {
    0% {
      stroke-dashoffset: 802.0686645507812px;
      stroke-dasharray: 802.0686645507812px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 802.0686645507812px;
    }
  }
  
  @keyframes animate-svg-stroke-6-endometrios-mobile {
    0% {
      stroke-dashoffset: 802.0686645507812px;
      stroke-dasharray: 802.0686645507812px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 802.0686645507812px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-6-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  @keyframes animate-svg-fill-6-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  .svg-draw .svg-draw-1-6 {
    -webkit-animation: animate-svg-stroke-6-endometrios-mobile 1.5s linear 0.6s both,
                         animate-svg-fill-6-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.7s both;
            animation: animate-svg-stroke-6-endometrios-mobile 1.5s linear 0.6s both,
                 animate-svg-fill-6-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.7s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-7-endometrios-mobile {
    0% {
      stroke-dashoffset: 1030px;
      stroke-dasharray: 1030px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1030px;
    }
  }
  
  @keyframes animate-svg-stroke-7-endometrios-mobile {
    0% {
      stroke-dashoffset: 1030px;
      stroke-dasharray: 1030px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1030px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-7-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(217, 217, 217);
    }
  }
  
  @keyframes animate-svg-fill-7-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(217, 217, 217);
    }
  }
  
  .svg-draw .svg-draw-1-7 {
    -webkit-animation: animate-svg-stroke-7-endometrios-mobile 1.5s linear 0.72s both,
                         animate-svg-fill-7-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s both;
            animation: animate-svg-stroke-7-endometrios-mobile 1.5s linear 0.72s both,
                 animate-svg-fill-7-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-8-endometrios-mobile {
    0% {
      stroke-dashoffset: 431.7268371582031px;
      stroke-dasharray: 431.7268371582031px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 431.7268371582031px;
    }
  }
  
  @keyframes animate-svg-stroke-8-endometrios-mobile {
    0% {
      stroke-dashoffset: 431.7268371582031px;
      stroke-dasharray: 431.7268371582031px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 431.7268371582031px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-8-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-8-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-1-8 {
    -webkit-animation: animate-svg-stroke-8-endometrios-mobile 1.5s linear 0.84s both,
                         animate-svg-fill-8-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9000000000000001s both;
            animation: animate-svg-stroke-8-endometrios-mobile 1.5s linear 0.84s both,
                 animate-svg-fill-8-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9000000000000001s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-9-endometrios-mobile {
    0% {
      stroke-dashoffset: 1541.4102783203125px;
      stroke-dasharray: 1541.4102783203125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1541.4102783203125px;
    }
  }
  
  @keyframes animate-svg-stroke-9-endometrios-mobile {
    0% {
      stroke-dashoffset: 1541.4102783203125px;
      stroke-dasharray: 1541.4102783203125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1541.4102783203125px;
    }
  }
  
  .svg-draw .svg-draw-1-9 {
    -webkit-animation: animate-svg-stroke-9-endometrios-mobile 1.5s linear 0.96s both,
                         animate-svg-fill-9-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s both;
            animation: animate-svg-stroke-9-endometrios-mobile 1.5s linear 0.96s both,
                 animate-svg-fill-9-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-10-endometrios-mobile {
    0% {
      stroke-dashoffset: 826.1718139648438px;
      stroke-dasharray: 826.1718139648438px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 826.1718139648438px;
    }
  }
  
  @keyframes animate-svg-stroke-10-endometrios-mobile {
    0% {
      stroke-dashoffset: 826.1718139648438px;
      stroke-dasharray: 826.1718139648438px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 826.1718139648438px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-10-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  @keyframes animate-svg-fill-10-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  .svg-draw .svg-draw-1-10 {
    -webkit-animation: animate-svg-stroke-10-endometrios-mobile 1.5s linear 1.08s both,
                         animate-svg-fill-10-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1s both;
            animation: animate-svg-stroke-10-endometrios-mobile 1.5s linear 1.08s both,
                 animate-svg-fill-10-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-11-endometrios-mobile {
    0% {
      stroke-dashoffset: 3690.642333984375px;
      stroke-dasharray: 3690.642333984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 3690.642333984375px;
    }
  }
  
  @keyframes animate-svg-stroke-11-endometrios-mobile {
    0% {
      stroke-dashoffset: 3690.642333984375px;
      stroke-dasharray: 3690.642333984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 3690.642333984375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-11-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-11-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-1-11 {
    -webkit-animation: animate-svg-stroke-11-endometrios-mobile 1.5s linear 1.2s both,
                         animate-svg-fill-11-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.2s both;
            animation: animate-svg-stroke-11-endometrios-mobile 1.5s linear 1.2s both,
                 animate-svg-fill-11-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.2s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-12-endometrios-mobile {
    0% {
      stroke-dashoffset: 2750.3125px;
      stroke-dasharray: 2750.3125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2750.3125px;
    }
  }
  
  @keyframes animate-svg-stroke-12-endometrios-mobile {
    0% {
      stroke-dashoffset: 2750.3125px;
      stroke-dasharray: 2750.3125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2750.3125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-12-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-12-endometrios-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-1-12 {
    -webkit-animation: animate-svg-stroke-12-endometrios-mobile 1.5s linear 1.3199999999999998s both,
                         animate-svg-fill-12-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.3s both;
            animation: animate-svg-stroke-12-endometrios-mobile 1.5s linear 1.3199999999999998s both,
                 animate-svg-fill-12-endometrios-mobile 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.3s both;
  }
  
/***************************************************
 Hero 1 pc
 **************************************************/

 .hero-endometriosis .hero__image-pc svg:not(.svg-draw) {
    opacity: 0;
 }

  @-webkit-keyframes animate-svg-fill-1-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-1-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-1-pc-1 {
    -webkit-animation: animate-svg-fill-1-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s both;
            animation: animate-svg-fill-1-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.2s both;
  }
  
  @-webkit-keyframes animate-svg-fill-2-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-2-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-1-pc-2 {
    -webkit-animation: animate-svg-fill-2-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.30000000000000004s both;
            animation: animate-svg-fill-2-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.30000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-fill-3-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(217, 217, 217);
    }
  }
  
  @keyframes animate-svg-fill-3-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(217, 217, 217);
    }
  }
  
  .svg-draw .svg-draw-1-pc-3 {
    -webkit-animation: animate-svg-fill-3-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s both;
            animation: animate-svg-fill-3-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.4s both;
  }
  
  @-webkit-keyframes animate-svg-fill-4-endometrios-pc-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-4-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-1-pc-4 {
    -webkit-animation: animate-svg-fill-4-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s both;
            animation: animate-svg-fill-4-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.5s both;
  }
  
  @-webkit-keyframes animate-svg-fill-5-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 141, 115);
    }
  }
  
  @keyframes animate-svg-fill-5-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 141, 115);
    }
  }
  
  .svg-draw .svg-draw-1-pc-5 {
    -webkit-animation: animate-svg-fill-5-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.6000000000000001s both;
            animation: animate-svg-fill-5-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.6000000000000001s both;
  }
  
  @-webkit-keyframes animate-svg-fill-6-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 141, 115);
    }
  }
  
  @keyframes animate-svg-fill-6-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 141, 115);
    }
  }
  
  .svg-draw .svg-draw-1-pc-6 {
    -webkit-animation: animate-svg-fill-6-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.7s both;
            animation: animate-svg-fill-6-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.7s both;
  }
  
  @-webkit-keyframes animate-svg-fill-7-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 141, 115);
    }
  }
  
  @keyframes animate-svg-fill-7-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 141, 115);
    }
  }
  
  .svg-draw .svg-draw-1-pc-7 {
    -webkit-animation: animate-svg-fill-7-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s both;
            animation: animate-svg-fill-7-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.8s both;
  }
  
  @-webkit-keyframes animate-svg-fill-8-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 141, 115);
    }
  }
  
  @keyframes animate-svg-fill-8-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 141, 115);
    }
  }
  
  .svg-draw .svg-draw-1-pc-8 {
    -webkit-animation: animate-svg-fill-8-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9000000000000001s both;
            animation: animate-svg-fill-8-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.9000000000000001s both;
  }
  
  @-webkit-keyframes animate-svg-fill-9-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  @keyframes animate-svg-fill-9-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  .svg-draw .svg-draw-1-pc-9 {
    -webkit-animation: animate-svg-fill-9-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s both;
            animation: animate-svg-fill-9-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s both;
  }
  
  @-webkit-keyframes animate-svg-fill-10-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  @keyframes animate-svg-fill-10-endometrios-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  .svg-draw .svg-draw-1-pc-10 {
    -webkit-animation: animate-svg-fill-10-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1s both;
            animation: animate-svg-fill-10-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.1s both;
  }
  
  @-webkit-keyframes animate-svg-fill-11-endometrios-pc{
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-11-endometrios-pc{
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-1-pc-11 {
    -webkit-animation: animate-svg-fill-11-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.2s both;
            animation: animate-svg-fill-11-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.2s both;
  }
  
  @-webkit-keyframes animate-svg-fill-12-endometrios-pc{
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-12-endometrios-pc{
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-1-pc-12 {
    -webkit-animation: animate-svg-fill-12-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.3s both;
            animation: animate-svg-fill-12-endometrios-pc 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.3s both;
  }
  
/***************************************************
 hero 2 mobile
 **************************************************/

 .hero-lactication .hero__image svg:not(.svg-draw) {
  opacity: 0;
 } 
/***************************************************
 * Generated by SVG Artista on 9/3/2025, 4:04:59 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

/***************************************************
 * Generated by SVG Artista on 9/3/2025, 4:39:42 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1-lactacia-mobile {
  0% {
    stroke-dashoffset: 2112px;
    stroke-dasharray: 2112px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2112px;
  }
}

@keyframes animate-svg-stroke-1-lactacia-mobile {
  0% {
    stroke-dashoffset: 2112px;
    stroke-dasharray: 2112px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2112px;
  }
}

@-webkit-keyframes animate-svg-fill-1-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

@keyframes animate-svg-fill-1-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

.svg-draw .svg-draw-2-mobile-1 {
  -webkit-animation: animate-svg-stroke-1-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1-lactacia-mobile 0.7s linear 0.8s both;
          animation: animate-svg-stroke-1-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1-lactacia-mobile 0.7s linear 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2-lactacia-mobile {
  0% {
    stroke-dashoffset: 3576.263671875px;
    stroke-dasharray: 3576.263671875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3576.263671875px;
  }
}

@keyframes animate-svg-stroke-2-lactacia-mobile {
  0% {
    stroke-dashoffset: 3576.263671875px;
    stroke-dasharray: 3576.263671875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3576.263671875px;
  }
}

@-webkit-keyframes animate-svg-fill-2-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(174, 141, 216);
  }
}

@keyframes animate-svg-fill-2-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(174, 141, 216);
  }
}

.svg-draw .svg-draw-2-mobile-2 {
  -webkit-animation: animate-svg-stroke-2-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2-lactacia-mobile 0.7s linear 0.9s both;
          animation: animate-svg-stroke-2-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2-lactacia-mobile 0.7s linear 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3-lactacia-mobile {
  0% {
    stroke-dashoffset: 732.2595825195312px;
    stroke-dasharray: 732.2595825195312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 732.2595825195312px;
  }
}

@keyframes animate-svg-stroke-3-lactacia-mobile {
  0% {
    stroke-dashoffset: 732.2595825195312px;
    stroke-dasharray: 732.2595825195312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 732.2595825195312px;
  }
}

.svg-draw .svg-draw-2-mobile-3 {
  -webkit-animation: animate-svg-stroke-3-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3-lactacia-mobile 0.7s linear 1s both;
          animation: animate-svg-stroke-3-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3-lactacia-mobile 0.7s linear 1s both;
}

@-webkit-keyframes animate-svg-stroke-4-lactacia-mobile {
  0% {
    stroke-dashoffset: 989.9976806640625px;
    stroke-dasharray: 989.9976806640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 989.9976806640625px;
  }
}

@keyframes animate-svg-stroke-4-lactacia-mobile {
  0% {
    stroke-dashoffset: 989.9976806640625px;
    stroke-dasharray: 989.9976806640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 989.9976806640625px;
  }
}

@-webkit-keyframes animate-svg-fill-4-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

@keyframes animate-svg-fill-4-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

.svg-draw .svg-draw-2-mobile-4 {
  -webkit-animation: animate-svg-stroke-4-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4-lactacia-mobile 0.7s linear 1.1s both;
          animation: animate-svg-stroke-4-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4-lactacia-mobile 0.7s linear 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5-lactacia-mobile {
  0% {
    stroke-dashoffset: 22.734451293945312px;
    stroke-dasharray: 22.734451293945312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 22.734451293945312px;
  }
}

@keyframes animate-svg-stroke-5-lactacia-mobile {
  0% {
    stroke-dashoffset: 22.734451293945312px;
    stroke-dasharray: 22.734451293945312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 22.734451293945312px;
  }
}

@-webkit-keyframes animate-svg-fill-5-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-5-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-5 {
  -webkit-animation: animate-svg-stroke-5-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5-lactacia-mobile 0.7s linear 1.2000000000000002s both;
          animation: animate-svg-stroke-5-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5-lactacia-mobile 0.7s linear 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6-lactacia-mobile {
  0% {
    stroke-dashoffset: 21.348031997680664px;
    stroke-dasharray: 21.348031997680664px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 21.348031997680664px;
  }
}

@keyframes animate-svg-stroke-6-lactacia-mobile {
  0% {
    stroke-dashoffset: 21.348031997680664px;
    stroke-dasharray: 21.348031997680664px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 21.348031997680664px;
  }
}

@-webkit-keyframes animate-svg-fill-6-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-6-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-6 {
  -webkit-animation: animate-svg-stroke-6-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6-lactacia-mobile 0.7s linear 1.3s both;
          animation: animate-svg-stroke-6-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6-lactacia-mobile 0.7s linear 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7-lactacia-mobile {
  0% {
    stroke-dashoffset: 21.348031997680664px;
    stroke-dasharray: 21.348031997680664px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 21.348031997680664px;
  }
}

@keyframes animate-svg-stroke-7-lactacia-mobile {
  0% {
    stroke-dashoffset: 21.348031997680664px;
    stroke-dasharray: 21.348031997680664px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 21.348031997680664px;
  }
}

.svg-draw .svg-draw-2-mobile-7 {
  -webkit-animation: animate-svg-stroke-7-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7-lactacia-mobile 0.7s linear 1.4000000000000001s both;
          animation: animate-svg-stroke-7-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7-lactacia-mobile 0.7s linear 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8-lactacia-mobile {
  0% {
    stroke-dashoffset: 31.158239364624023px;
    stroke-dasharray: 31.158239364624023px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.158239364624023px;
  }
}

@keyframes animate-svg-stroke-8-lactacia-mobile {
  0% {
    stroke-dashoffset: 31.158239364624023px;
    stroke-dasharray: 31.158239364624023px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.158239364624023px;
  }
}

@-webkit-keyframes animate-svg-fill-8-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-8-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-8 {
  -webkit-animation: animate-svg-stroke-8-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8-lactacia-mobile 0.7s linear 1.5s both;
          animation: animate-svg-stroke-8-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8-lactacia-mobile 0.7s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9-lactacia-mobile {
  0% {
    stroke-dashoffset: 31.158241271972656px;
    stroke-dasharray: 31.158241271972656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.158241271972656px;
  }
}

@keyframes animate-svg-stroke-9-lactacia-mobile {
  0% {
    stroke-dashoffset: 31.158241271972656px;
    stroke-dasharray: 31.158241271972656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.158241271972656px;
  }
}

.svg-draw .svg-draw-2-mobile-9 {
  -webkit-animation: animate-svg-stroke-9-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9-lactacia-mobile 0.7s linear 1.6s both;
          animation: animate-svg-stroke-9-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9-lactacia-mobile 0.7s linear 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10-lactacia-mobile {
  0% {
    stroke-dashoffset: 55.52676010131836px;
    stroke-dasharray: 55.52676010131836px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 55.52676010131836px;
  }
}

@keyframes animate-svg-stroke-10-lactacia-mobile {
  0% {
    stroke-dashoffset: 55.52676010131836px;
    stroke-dasharray: 55.52676010131836px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 55.52676010131836px;
  }
}

@-webkit-keyframes animate-svg-fill-10-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-10-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-10 {
  -webkit-animation: animate-svg-stroke-10-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10-lactacia-mobile 0.7s linear 1.7000000000000002s both;
          animation: animate-svg-stroke-10-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10-lactacia-mobile 0.7s linear 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11-lactacia-mobile {
  0% {
    stroke-dashoffset: 41.93177032470703px;
    stroke-dasharray: 41.93177032470703px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 41.93177032470703px;
  }
}

@keyframes animate-svg-stroke-11-lactacia-mobile {
  0% {
    stroke-dashoffset: 41.93177032470703px;
    stroke-dasharray: 41.93177032470703px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 41.93177032470703px;
  }
}

@-webkit-keyframes animate-svg-fill-11-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-11-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-11 {
  -webkit-animation: animate-svg-stroke-11-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11-lactacia-mobile 0.7s linear 1.8s both;
          animation: animate-svg-stroke-11-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11-lactacia-mobile 0.7s linear 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12-lactacia-mobile {
  0% {
    stroke-dashoffset: 41.93177032470703px;
    stroke-dasharray: 41.93177032470703px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 41.93177032470703px;
  }
}

@keyframes animate-svg-stroke-12-lactacia-mobile {
  0% {
    stroke-dashoffset: 41.93177032470703px;
    stroke-dasharray: 41.93177032470703px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 41.93177032470703px;
  }
}

.svg-draw .svg-draw-2-mobile-12 {
  -webkit-animation: animate-svg-stroke-12-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12-lactacia-mobile 0.7s linear 1.9000000000000001s both;
          animation: animate-svg-stroke-12-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12-lactacia-mobile 0.7s linear 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13-lactacia-mobile {
  0% {
    stroke-dashoffset: 47.208221435546875px;
    stroke-dasharray: 47.208221435546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 47.208221435546875px;
  }
}

@keyframes animate-svg-stroke-13-lactacia-mobile {
  0% {
    stroke-dashoffset: 47.208221435546875px;
    stroke-dasharray: 47.208221435546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 47.208221435546875px;
  }
}

@-webkit-keyframes animate-svg-fill-13-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-13-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-13 {
  -webkit-animation: animate-svg-stroke-13-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13-lactacia-mobile 0.7s linear 2s both;
          animation: animate-svg-stroke-13-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13-lactacia-mobile 0.7s linear 2s both;
}

@-webkit-keyframes animate-svg-stroke-14-lactacia-mobile {
  0% {
    stroke-dashoffset: 99.59191131591797px;
    stroke-dasharray: 99.59191131591797px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 99.59191131591797px;
  }
}

@keyframes animate-svg-stroke-14-lactacia-mobile {
  0% {
    stroke-dashoffset: 99.59191131591797px;
    stroke-dasharray: 99.59191131591797px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 99.59191131591797px;
  }
}

@-webkit-keyframes animate-svg-fill-14-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-14-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-14 {
  -webkit-animation: animate-svg-stroke-14-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-14-lactacia-mobile 0.7s linear 2.1s both;
          animation: animate-svg-stroke-14-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-14-lactacia-mobile 0.7s linear 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15-lactacia-mobile {
  0% {
    stroke-dashoffset: 80.98436737060547px;
    stroke-dasharray: 80.98436737060547px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 80.98436737060547px;
  }
}

@keyframes animate-svg-stroke-15-lactacia-mobile {
  0% {
    stroke-dashoffset: 80.98436737060547px;
    stroke-dasharray: 80.98436737060547px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 80.98436737060547px;
  }
}

@-webkit-keyframes animate-svg-fill-15-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-15-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-15 {
  -webkit-animation: animate-svg-stroke-15-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-15-lactacia-mobile 0.7s linear 2.2s both;
          animation: animate-svg-stroke-15-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-15-lactacia-mobile 0.7s linear 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-16-lactacia-mobile {
  0% {
    stroke-dashoffset: 159.30880737304688px;
    stroke-dasharray: 159.30880737304688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 159.30880737304688px;
  }
}

@keyframes animate-svg-stroke-16-lactacia-mobile {
  0% {
    stroke-dashoffset: 159.30880737304688px;
    stroke-dasharray: 159.30880737304688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 159.30880737304688px;
  }
}

@-webkit-keyframes animate-svg-fill-16-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-16-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-16 {
  -webkit-animation: animate-svg-stroke-16-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
                       animate-svg-fill-16-lactacia-mobile 0.7s linear 2.3s both;
          animation: animate-svg-stroke-16-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
               animate-svg-fill-16-lactacia-mobile 0.7s linear 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17-lactacia-mobile {
  0% {
    stroke-dashoffset: 176.95387268066406px;
    stroke-dasharray: 176.95387268066406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 176.95387268066406px;
  }
}

@keyframes animate-svg-stroke-17-lactacia-mobile {
  0% {
    stroke-dashoffset: 176.95387268066406px;
    stroke-dasharray: 176.95387268066406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 176.95387268066406px;
  }
}

@-webkit-keyframes animate-svg-fill-17-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-17-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-17 {
  -webkit-animation: animate-svg-stroke-17-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
                       animate-svg-fill-17-lactacia-mobile 0.7s linear 2.4000000000000004s both;
          animation: animate-svg-stroke-17-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
               animate-svg-fill-17-lactacia-mobile 0.7s linear 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-18-lactacia-mobile {
  0% {
    stroke-dashoffset: 126.6903305053711px;
    stroke-dasharray: 126.6903305053711px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 126.6903305053711px;
  }
}

@keyframes animate-svg-stroke-18-lactacia-mobile {
  0% {
    stroke-dashoffset: 126.6903305053711px;
    stroke-dasharray: 126.6903305053711px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 126.6903305053711px;
  }
}

@-webkit-keyframes animate-svg-fill-18-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-18-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-18 {
  -webkit-animation: animate-svg-stroke-18-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
                       animate-svg-fill-18-lactacia-mobile 0.7s linear 2.5s both;
          animation: animate-svg-stroke-18-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
               animate-svg-fill-18-lactacia-mobile 0.7s linear 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-19-lactacia-mobile {
  0% {
    stroke-dashoffset: 354.6702880859375px;
    stroke-dasharray: 354.6702880859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 354.6702880859375px;
  }
}

@keyframes animate-svg-stroke-19-lactacia-mobile {
  0% {
    stroke-dashoffset: 354.6702880859375px;
    stroke-dasharray: 354.6702880859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 354.6702880859375px;
  }
}

@-webkit-keyframes animate-svg-fill-19-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-19-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-19 {
  -webkit-animation: animate-svg-stroke-19-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
                       animate-svg-fill-19-lactacia-mobile 0.7s linear 2.6s both;
          animation: animate-svg-stroke-19-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
               animate-svg-fill-19-lactacia-mobile 0.7s linear 2.6s both;
}

@-webkit-keyframes animate-svg-stroke-20-lactacia-mobile {
  0% {
    stroke-dashoffset: 539.6809692382812px;
    stroke-dasharray: 539.6809692382812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 539.6809692382812px;
  }
}

@keyframes animate-svg-stroke-20-lactacia-mobile {
  0% {
    stroke-dashoffset: 539.6809692382812px;
    stroke-dasharray: 539.6809692382812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 539.6809692382812px;
  }
}

@-webkit-keyframes animate-svg-fill-20-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-20-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-20 {
  -webkit-animation: animate-svg-stroke-20-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
                       animate-svg-fill-20-lactacia-mobile 0.7s linear 2.7s both;
          animation: animate-svg-stroke-20-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
               animate-svg-fill-20-lactacia-mobile 0.7s linear 2.7s both;
}

@-webkit-keyframes animate-svg-stroke-21-lactacia-mobile {
  0% {
    stroke-dashoffset: 612.0275268554688px;
    stroke-dasharray: 612.0275268554688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 612.0275268554688px;
  }
}

@keyframes animate-svg-stroke-21-lactacia-mobile {
  0% {
    stroke-dashoffset: 612.0275268554688px;
    stroke-dasharray: 612.0275268554688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 612.0275268554688px;
  }
}

@-webkit-keyframes animate-svg-fill-21-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-21-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-21 {
  -webkit-animation: animate-svg-stroke-21-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
                       animate-svg-fill-21-lactacia-mobile 0.7s linear 2.8s both;
          animation: animate-svg-stroke-21-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
               animate-svg-fill-21-lactacia-mobile 0.7s linear 2.8s both;
}

@-webkit-keyframes animate-svg-stroke-22-lactacia-mobile {
  0% {
    stroke-dashoffset: 225.74786376953125px;
    stroke-dasharray: 225.74786376953125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 225.74786376953125px;
  }
}

@keyframes animate-svg-stroke-22-lactacia-mobile {
  0% {
    stroke-dashoffset: 225.74786376953125px;
    stroke-dasharray: 225.74786376953125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 225.74786376953125px;
  }
}

@-webkit-keyframes animate-svg-fill-22-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-22-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-22 {
  -webkit-animation: animate-svg-stroke-22-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
                       animate-svg-fill-22-lactacia-mobile 0.7s linear 2.9000000000000004s both;
          animation: animate-svg-stroke-22-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
               animate-svg-fill-22-lactacia-mobile 0.7s linear 2.9000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-23-lactacia-mobile {
  0% {
    stroke-dashoffset: 564.8272705078125px;
    stroke-dasharray: 564.8272705078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 564.8272705078125px;
  }
}

@keyframes animate-svg-stroke-23-lactacia-mobile {
  0% {
    stroke-dashoffset: 564.8272705078125px;
    stroke-dasharray: 564.8272705078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 564.8272705078125px;
  }
}

@-webkit-keyframes animate-svg-fill-23-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-23-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-23 {
  -webkit-animation: animate-svg-stroke-23-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
                       animate-svg-fill-23-lactacia-mobile 0.7s linear 3s both;
          animation: animate-svg-stroke-23-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
               animate-svg-fill-23-lactacia-mobile 0.7s linear 3s both;
}

@-webkit-keyframes animate-svg-stroke-24-lactacia-mobile {
  0% {
    stroke-dashoffset: 564.8272705078125px;
    stroke-dasharray: 564.8272705078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 564.8272705078125px;
  }
}

@keyframes animate-svg-stroke-24-lactacia-mobile {
  0% {
    stroke-dashoffset: 564.8272705078125px;
    stroke-dasharray: 564.8272705078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 564.8272705078125px;
  }
}

.svg-draw .svg-draw-2-mobile-24 {
  -webkit-animation: animate-svg-stroke-24-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
                       animate-svg-fill-24-lactacia-mobile 0.7s linear 3.1000000000000005s both;
          animation: animate-svg-stroke-24-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
               animate-svg-fill-24-lactacia-mobile 0.7s linear 3.1000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-25-lactacia-mobile {
  0% {
    stroke-dashoffset: 691.9962158203125px;
    stroke-dasharray: 691.9962158203125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 691.9962158203125px;
  }
}

@keyframes animate-svg-stroke-25-lactacia-mobile {
  0% {
    stroke-dashoffset: 691.9962158203125px;
    stroke-dasharray: 691.9962158203125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 691.9962158203125px;
  }
}

@-webkit-keyframes animate-svg-fill-25-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-25-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-25 {
  -webkit-animation: animate-svg-stroke-25-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
                       animate-svg-fill-25-lactacia-mobile 0.7s linear 3.2s both;
          animation: animate-svg-stroke-25-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
               animate-svg-fill-25-lactacia-mobile 0.7s linear 3.2s both;
}

@-webkit-keyframes animate-svg-stroke-26-lactacia-mobile {
  0% {
    stroke-dashoffset: 821.410400390625px;
    stroke-dasharray: 821.410400390625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 821.410400390625px;
  }
}

@keyframes animate-svg-stroke-26-lactacia-mobile {
  0% {
    stroke-dashoffset: 821.410400390625px;
    stroke-dasharray: 821.410400390625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 821.410400390625px;
  }
}

@-webkit-keyframes animate-svg-fill-26-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-26-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-26 {
  -webkit-animation: animate-svg-stroke-26-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
                       animate-svg-fill-26-lactacia-mobile 0.7s linear 3.3s both;
          animation: animate-svg-stroke-26-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
               animate-svg-fill-26-lactacia-mobile 0.7s linear 3.3s both;
}

@-webkit-keyframes animate-svg-stroke-27-lactacia-mobile {
  0% {
    stroke-dashoffset: 1384.6424560546875px;
    stroke-dasharray: 1384.6424560546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1384.6424560546875px;
  }
}

@keyframes animate-svg-stroke-27-lactacia-mobile {
  0% {
    stroke-dashoffset: 1384.6424560546875px;
    stroke-dasharray: 1384.6424560546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1384.6424560546875px;
  }
}

@-webkit-keyframes animate-svg-fill-27-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-27-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-27 {
  -webkit-animation: animate-svg-stroke-27-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
                       animate-svg-fill-27-lactacia-mobile 0.7s linear 3.4000000000000004s both;
          animation: animate-svg-stroke-27-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
               animate-svg-fill-27-lactacia-mobile 0.7s linear 3.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-28-lactacia-mobile {
  0% {
    stroke-dashoffset: 519.3065185546875px;
    stroke-dasharray: 519.3065185546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 519.3065185546875px;
  }
}

@keyframes animate-svg-stroke-28-lactacia-mobile {
  0% {
    stroke-dashoffset: 519.3065185546875px;
    stroke-dasharray: 519.3065185546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 519.3065185546875px;
  }
}

@-webkit-keyframes animate-svg-fill-28-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-28-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-28 {
  -webkit-animation: animate-svg-stroke-28-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
                       animate-svg-fill-28-lactacia-mobile 0.7s linear 3.5s both;
          animation: animate-svg-stroke-28-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
               animate-svg-fill-28-lactacia-mobile 0.7s linear 3.5s both;
}

@-webkit-keyframes animate-svg-stroke-29-lactacia-mobile {
  0% {
    stroke-dashoffset: 980.10009765625px;
    stroke-dasharray: 980.10009765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 980.10009765625px;
  }
}

@keyframes animate-svg-stroke-29-lactacia-mobile {
  0% {
    stroke-dashoffset: 980.10009765625px;
    stroke-dasharray: 980.10009765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 980.10009765625px;
  }
}

@-webkit-keyframes animate-svg-fill-29-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-29-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-29 {
  -webkit-animation: animate-svg-stroke-29-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
                       animate-svg-fill-29-lactacia-mobile 0.7s linear 3.6000000000000005s both;
          animation: animate-svg-stroke-29-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
               animate-svg-fill-29-lactacia-mobile 0.7s linear 3.6000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-30-lactacia-mobile {
  0% {
    stroke-dashoffset: 1006.324951171875px;
    stroke-dasharray: 1006.324951171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1006.324951171875px;
  }
}

@keyframes animate-svg-stroke-30-lactacia-mobile {
  0% {
    stroke-dashoffset: 1006.324951171875px;
    stroke-dasharray: 1006.324951171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1006.324951171875px;
  }
}

@-webkit-keyframes animate-svg-fill-30-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-30-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-30 {
  -webkit-animation: animate-svg-stroke-30-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
                       animate-svg-fill-30-lactacia-mobile 0.7s linear 3.7s both;
          animation: animate-svg-stroke-30-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
               animate-svg-fill-30-lactacia-mobile 0.7s linear 3.7s both;
}

@-webkit-keyframes animate-svg-stroke-31-lactacia-mobile {
  0% {
    stroke-dashoffset: 648.0467529296875px;
    stroke-dasharray: 648.0467529296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 648.0467529296875px;
  }
}

@keyframes animate-svg-stroke-31-lactacia-mobile {
  0% {
    stroke-dashoffset: 648.0467529296875px;
    stroke-dasharray: 648.0467529296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 648.0467529296875px;
  }
}

@-webkit-keyframes animate-svg-fill-31-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-31-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-31 {
  -webkit-animation: animate-svg-stroke-31-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
                       animate-svg-fill-31-lactacia-mobile 0.7s linear 3.8s both;
          animation: animate-svg-stroke-31-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
               animate-svg-fill-31-lactacia-mobile 0.7s linear 3.8s both;
}

@-webkit-keyframes animate-svg-stroke-32-lactacia-mobile {
  0% {
    stroke-dashoffset: 6813.68115234375px;
    stroke-dasharray: 6813.68115234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 6813.68115234375px;
  }
}

@keyframes animate-svg-stroke-32-lactacia-mobile {
  0% {
    stroke-dashoffset: 6813.68115234375px;
    stroke-dasharray: 6813.68115234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 6813.68115234375px;
  }
}

@-webkit-keyframes animate-svg-fill-32-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-32-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-32 {
  -webkit-animation: animate-svg-stroke-32-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
                       animate-svg-fill-32-lactacia-mobile 0.7s linear 3.9000000000000004s both;
          animation: animate-svg-stroke-32-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
               animate-svg-fill-32-lactacia-mobile 0.7s linear 3.9000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-33-lactacia-mobile {
  0% {
    stroke-dashoffset: 1054px;
    stroke-dasharray: 1054px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1054px;
  }
}

@keyframes animate-svg-stroke-33-lactacia-mobile {
  0% {
    stroke-dashoffset: 1054px;
    stroke-dasharray: 1054px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1054px;
  }
}

@-webkit-keyframes animate-svg-fill-33-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

@keyframes animate-svg-fill-33-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

.svg-draw .svg-draw-2-mobile-33 {
  -webkit-animation: animate-svg-stroke-33-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
                       animate-svg-fill-33-lactacia-mobile 0.7s linear 4s both;
          animation: animate-svg-stroke-33-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
               animate-svg-fill-33-lactacia-mobile 0.7s linear 4s both;
}

@-webkit-keyframes animate-svg-stroke-34-lactacia-mobile {
  0% {
    stroke-dashoffset: 3856.255859375px;
    stroke-dasharray: 3856.255859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3856.255859375px;
  }
}

@keyframes animate-svg-stroke-34-lactacia-mobile {
  0% {
    stroke-dashoffset: 3856.255859375px;
    stroke-dasharray: 3856.255859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3856.255859375px;
  }
}

@-webkit-keyframes animate-svg-fill-34-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-34-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-34 {
  -webkit-animation: animate-svg-stroke-34-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
                       animate-svg-fill-34-lactacia-mobile 0.7s linear 4.1000000000000005s both;
          animation: animate-svg-stroke-34-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
               animate-svg-fill-34-lactacia-mobile 0.7s linear 4.1000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-35-lactacia-mobile {
  0% {
    stroke-dashoffset: 479.566650390625px;
    stroke-dasharray: 479.566650390625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 479.566650390625px;
  }
}

@keyframes animate-svg-stroke-35-lactacia-mobile {
  0% {
    stroke-dashoffset: 479.566650390625px;
    stroke-dasharray: 479.566650390625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 479.566650390625px;
  }
}

@-webkit-keyframes animate-svg-fill-35-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-35-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-35 {
  -webkit-animation: animate-svg-stroke-35-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
                       animate-svg-fill-35-lactacia-mobile 0.7s linear 4.2s both;
          animation: animate-svg-stroke-35-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
               animate-svg-fill-35-lactacia-mobile 0.7s linear 4.2s both;
}

@-webkit-keyframes animate-svg-stroke-36-lactacia-mobile {
  0% {
    stroke-dashoffset: 1042.953369140625px;
    stroke-dasharray: 1042.953369140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1042.953369140625px;
  }
}

@keyframes animate-svg-stroke-36-lactacia-mobile {
  0% {
    stroke-dashoffset: 1042.953369140625px;
    stroke-dasharray: 1042.953369140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1042.953369140625px;
  }
}

@-webkit-keyframes animate-svg-fill-36-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-36-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-mobile-36 {
  -webkit-animation: animate-svg-stroke-36-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
                       animate-svg-fill-36-lactacia-mobile 0.7s linear 4.3s both;
          animation: animate-svg-stroke-36-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
               animate-svg-fill-36-lactacia-mobile 0.7s linear 4.3s both;
}

@-webkit-keyframes animate-svg-stroke-37-lactacia-mobile {
  0% {
    stroke-dashoffset: 668.7769775390625px;
    stroke-dasharray: 668.7769775390625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 668.7769775390625px;
  }
}

@keyframes animate-svg-stroke-37-lactacia-mobile {
  0% {
    stroke-dashoffset: 668.7769775390625px;
    stroke-dasharray: 668.7769775390625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 668.7769775390625px;
  }
}

@-webkit-keyframes animate-svg-fill-37-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-37-lactacia-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-2-mobile-37 {
  -webkit-animation: animate-svg-stroke-37-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
                       animate-svg-fill-37-lactacia-mobile 0.7s linear 4.4s both;
          animation: animate-svg-stroke-37-lactacia-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
               animate-svg-fill-37-lactacia-mobile 0.7s linear 4.4s both;
}



/***************************************************
 hero 2 pc
 **************************************************/

 .hero-lactication .hero__image-pc svg:not(.svg-draw) {
  opacity: 0;
 } 

/***************************************************
 * Generated by SVG Artista on 9/3/2025, 4:48:03 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

/***************************************************
 * Generated by SVG Artista on 9/3/2025, 5:13:47 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-fill-1-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-1-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-1 {
  -webkit-animation: animate-svg-stroke-1-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1-lactacia-pc 0.7s linear 0.8s both;
          animation: animate-svg-stroke-1-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1-lactacia-pc 0.7s linear 0.8s both;
}

@-webkit-keyframes animate-svg-fill-2-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-2-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-2 {
  -webkit-animation: animate-svg-stroke-2-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2-lactacia-pc 0.7s linear 0.9s both;
          animation: animate-svg-stroke-2-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2-lactacia-pc 0.7s linear 0.9s both;
}

.svg-draw .svg-draw-2-pc-3 {
  -webkit-animation: animate-svg-stroke-3-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3-lactacia-pc 0.7s linear 1s both;
          animation: animate-svg-stroke-3-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3-lactacia-pc 0.7s linear 1s both;
}

@-webkit-keyframes animate-svg-fill-4-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-4-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-4 {
  -webkit-animation: animate-svg-stroke-4-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4-lactacia-pc 0.7s linear 1.1s both;
          animation: animate-svg-stroke-4-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4-lactacia-pc 0.7s linear 1.1s both;
}

.svg-draw .svg-draw-2-pc-5 {
  -webkit-animation: animate-svg-stroke-5-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5-lactacia-pc 0.7s linear 1.2000000000000002s both;
          animation: animate-svg-stroke-5-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5-lactacia-pc 0.7s linear 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-fill-6-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-6-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-6 {
  -webkit-animation: animate-svg-stroke-6-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6-lactacia-pc 0.7s linear 1.3s both;
          animation: animate-svg-stroke-6-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6-lactacia-pc 0.7s linear 1.3s both;
}

@-webkit-keyframes animate-svg-fill-7-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-7-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-7 {
  -webkit-animation: animate-svg-stroke-7-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7-lactacia-pc 0.7s linear 1.4000000000000001s both;
          animation: animate-svg-stroke-7-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7-lactacia-pc 0.7s linear 1.4000000000000001s both;
}

.svg-draw .svg-draw-2-pc-8 {
  -webkit-animation: animate-svg-stroke-8-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8-lactacia-pc 0.7s linear 1.5s both;
          animation: animate-svg-stroke-8-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8-lactacia-pc 0.7s linear 1.5s both;
}

@-webkit-keyframes animate-svg-fill-9-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-9-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-9 {
  -webkit-animation: animate-svg-stroke-9-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9-lactacia-pc 0.7s linear 1.6s both;
          animation: animate-svg-stroke-9-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9-lactacia-pc 0.7s linear 1.6s both;
}

@-webkit-keyframes animate-svg-fill-10-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-10-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-10 {
  -webkit-animation: animate-svg-stroke-10-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10-lactacia-pc 0.7s linear 1.7000000000000002s both;
          animation: animate-svg-stroke-10-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10-lactacia-pc 0.7s linear 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-fill-11-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-11-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-11 {
  -webkit-animation: animate-svg-stroke-11-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11-lactacia-pc 0.7s linear 1.8s both;
          animation: animate-svg-stroke-11-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11-lactacia-pc 0.7s linear 1.8s both;
}

@-webkit-keyframes animate-svg-fill-12-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-12-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-12 {
  -webkit-animation: animate-svg-stroke-12-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12-lactacia-pc 0.7s linear 1.9000000000000001s both;
          animation: animate-svg-stroke-12-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12-lactacia-pc 0.7s linear 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-fill-13-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-13-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-13 {
  -webkit-animation: animate-svg-stroke-13-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13-lactacia-pc 0.7s linear 2s both;
          animation: animate-svg-stroke-13-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13-lactacia-pc 0.7s linear 2s both;
}

@-webkit-keyframes animate-svg-fill-14-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-14-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-14 {
  -webkit-animation: animate-svg-stroke-14-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-14-lactacia-pc 0.7s linear 2.1s both;
          animation: animate-svg-stroke-14-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-14-lactacia-pc 0.7s linear 2.1s both;
}

@-webkit-keyframes animate-svg-fill-15-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-15-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-15 {
  -webkit-animation: animate-svg-stroke-15-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-15-lactacia-pc 0.7s linear 2.2s both;
          animation: animate-svg-stroke-15-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-15-lactacia-pc 0.7s linear 2.2s both;
}

@-webkit-keyframes animate-svg-fill-16-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-16-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-16 {
  -webkit-animation: animate-svg-stroke-16-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
                       animate-svg-fill-16-lactacia-pc 0.7s linear 2.3s both;
          animation: animate-svg-stroke-16-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
               animate-svg-fill-16-lactacia-pc 0.7s linear 2.3s both;
}

@-webkit-keyframes animate-svg-fill-17-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-17-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-17 {
  -webkit-animation: animate-svg-stroke-17-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
                       animate-svg-fill-17-lactacia-pc 0.7s linear 2.4000000000000004s both;
          animation: animate-svg-stroke-17-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
               animate-svg-fill-17-lactacia-pc 0.7s linear 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-18-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-18-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-18 {
  -webkit-animation: animate-svg-stroke-18-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
                       animate-svg-fill-18-lactacia-pc 0.7s linear 2.5s both;
          animation: animate-svg-stroke-18-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
               animate-svg-fill-18-lactacia-pc 0.7s linear 2.5s both;
}

@-webkit-keyframes animate-svg-fill-19-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-19-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-19 {
  -webkit-animation: animate-svg-stroke-19-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
                       animate-svg-fill-19-lactacia-pc 0.7s linear 2.6s both;
          animation: animate-svg-stroke-19-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
               animate-svg-fill-19-lactacia-pc 0.7s linear 2.6s both;
}

@-webkit-keyframes animate-svg-fill-20-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-20-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-20 {
  -webkit-animation: animate-svg-stroke-20-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
                       animate-svg-fill-20-lactacia-pc 0.7s linear 2.7s both;
          animation: animate-svg-stroke-20-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
               animate-svg-fill-20-lactacia-pc 0.7s linear 2.7s both;
}

.svg-draw .svg-draw-2-pc-21 {
  -webkit-animation: animate-svg-stroke-21-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
                       animate-svg-fill-21-lactacia-pc 0.7s linear 2.8s both;
          animation: animate-svg-stroke-21-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
               animate-svg-fill-21-lactacia-pc 0.7s linear 2.8s both;
}

@-webkit-keyframes animate-svg-fill-22-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-22-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-22 {
  -webkit-animation: animate-svg-stroke-22-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
                       animate-svg-fill-22-lactacia-pc 0.7s linear 2.9000000000000004s both;
          animation: animate-svg-stroke-22-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
               animate-svg-fill-22-lactacia-pc 0.7s linear 2.9000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-23-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-23-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-23 {
  -webkit-animation: animate-svg-stroke-23-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
                       animate-svg-fill-23-lactacia-pc 0.7s linear 3s both;
          animation: animate-svg-stroke-23-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
               animate-svg-fill-23-lactacia-pc 0.7s linear 3s both;
}

@-webkit-keyframes animate-svg-fill-24-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-24-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-24 {
  -webkit-animation: animate-svg-stroke-24-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
                       animate-svg-fill-24-lactacia-pc 0.7s linear 3.1000000000000005s both;
          animation: animate-svg-stroke-24-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
               animate-svg-fill-24-lactacia-pc 0.7s linear 3.1000000000000005s both;
}

@-webkit-keyframes animate-svg-fill-25-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-25-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-25 {
  -webkit-animation: animate-svg-stroke-25-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
                       animate-svg-fill-25-lactacia-pc 0.7s linear 3.2s both;
          animation: animate-svg-stroke-25-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
               animate-svg-fill-25-lactacia-pc 0.7s linear 3.2s both;
}

@-webkit-keyframes animate-svg-fill-26-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-26-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-26 {
  -webkit-animation: animate-svg-stroke-26-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
                       animate-svg-fill-26-lactacia-pc 0.7s linear 3.3s both;
          animation: animate-svg-stroke-26-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
               animate-svg-fill-26-lactacia-pc 0.7s linear 3.3s both;
}

@-webkit-keyframes animate-svg-fill-27-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-27-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-27 {
  -webkit-animation: animate-svg-stroke-27-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
                       animate-svg-fill-27-lactacia-pc 0.7s linear 3.4000000000000004s both;
          animation: animate-svg-stroke-27-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
               animate-svg-fill-27-lactacia-pc 0.7s linear 3.4000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-28-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-28-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-28 {
  -webkit-animation: animate-svg-stroke-28-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
                       animate-svg-fill-28-lactacia-pc 0.7s linear 3.5s both;
          animation: animate-svg-stroke-28-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
               animate-svg-fill-28-lactacia-pc 0.7s linear 3.5s both;
}

@-webkit-keyframes animate-svg-fill-29-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-29-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-29 {
  -webkit-animation: animate-svg-stroke-29-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
                       animate-svg-fill-29-lactacia-pc 0.7s linear 3.6000000000000005s both;
          animation: animate-svg-stroke-29-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
               animate-svg-fill-29-lactacia-pc 0.7s linear 3.6000000000000005s both;
}

@-webkit-keyframes animate-svg-fill-30-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

@keyframes animate-svg-fill-30-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

.svg-draw .svg-draw-2-pc-30 {
  -webkit-animation: animate-svg-stroke-30-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
                       animate-svg-fill-30-lactacia-pc 0.7s linear 3.7s both;
          animation: animate-svg-stroke-30-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
               animate-svg-fill-30-lactacia-pc 0.7s linear 3.7s both;
}

@-webkit-keyframes animate-svg-fill-31-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-31-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-31 {
  -webkit-animation: animate-svg-stroke-31-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
                       animate-svg-fill-31-lactacia-pc 0.7s linear 3.8s both;
          animation: animate-svg-stroke-31-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
               animate-svg-fill-31-lactacia-pc 0.7s linear 3.8s both;
}

@-webkit-keyframes animate-svg-fill-32-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-32-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-32 {
  -webkit-animation: animate-svg-stroke-32-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
                       animate-svg-fill-32-lactacia-pc 0.7s linear 3.9000000000000004s both;
          animation: animate-svg-stroke-32-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
               animate-svg-fill-32-lactacia-pc 0.7s linear 3.9000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-33-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-33-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-33 {
  -webkit-animation: animate-svg-stroke-33-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
                       animate-svg-fill-33-lactacia-pc 0.7s linear 4s both;
          animation: animate-svg-stroke-33-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
               animate-svg-fill-33-lactacia-pc 0.7s linear 4s both;
}

@-webkit-keyframes animate-svg-fill-34-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-34-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-2-pc-34 {
  -webkit-animation: animate-svg-stroke-34-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
                       animate-svg-fill-34-lactacia-pc 0.7s linear 4.1000000000000005s both;
          animation: animate-svg-stroke-34-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
               animate-svg-fill-34-lactacia-pc 0.7s linear 4.1000000000000005s both;
}

@-webkit-keyframes animate-svg-fill-35-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-35-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-2-pc-35 {
  -webkit-animation: animate-svg-stroke-35-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
                       animate-svg-fill-35-lactacia-pc 0.7s linear 4.2s both;
          animation: animate-svg-stroke-35-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
               animate-svg-fill-35-lactacia-pc 0.7s linear 4.2s both;
}

@-webkit-keyframes animate-svg-fill-36-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-36-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-36 {
  -webkit-animation: animate-svg-stroke-36-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
                       animate-svg-fill-36-lactacia-pc 0.7s linear 4.3s both;
          animation: animate-svg-stroke-36-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
               animate-svg-fill-36-lactacia-pc 0.7s linear 4.3s both;
}

@-webkit-keyframes animate-svg-fill-37-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

@keyframes animate-svg-fill-37-lactacia-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(178, 144, 216);
  }
}

.svg-draw .svg-draw-2-pc-37 {
  -webkit-animation: animate-svg-stroke-37-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
                       animate-svg-fill-37-lactacia-pc 0.7s linear 4.4s both;
          animation: animate-svg-stroke-37-lactacia-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
               animate-svg-fill-37-lactacia-pc 0.7s linear 4.4s both;
}

  
/***************************************************
 hero 3 mobile
 **************************************************/
 .hero-antiandrogenic .hero__image svg:not(.svg-draw) {
  opacity: 0;
 } 

/***************************************************
 * Generated by SVG Artista on 9/8/2025, 12:33:24 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 2334px;
    stroke-dasharray: 2334px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2334px;
  }
}

@keyframes animate-svg-stroke-1-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 2334px;
    stroke-dasharray: 2334px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2334px;
  }
}

@-webkit-keyframes animate-svg-fill-1-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

@keyframes animate-svg-fill-1-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

.svg-draw .svg-draw-3-mobile-1 {
  -webkit-animation: animate-svg-stroke-1-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 732.2596435546875px;
    stroke-dasharray: 732.2596435546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 732.2596435546875px;
  }
}

@keyframes animate-svg-stroke-2-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 732.2596435546875px;
    stroke-dasharray: 732.2596435546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 732.2596435546875px;
  }
}

.svg-draw .svg-draw-3-mobile-2 {
  -webkit-animation: animate-svg-stroke-2-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8300000000000001s both;
          animation: animate-svg-stroke-2-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8300000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-3-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 3652.09765625px;
    stroke-dasharray: 3652.09765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3652.09765625px;
  }
}

@keyframes animate-svg-stroke-3-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 3652.09765625px;
    stroke-dasharray: 3652.09765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3652.09765625px;
  }
}

@-webkit-keyframes animate-svg-fill-3-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-3-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-3 {
  -webkit-animation: animate-svg-stroke-3-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8600000000000001s both;
          animation: animate-svg-stroke-3-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8600000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-4-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 1054px;
    stroke-dasharray: 1054px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1054px;
  }
}

@keyframes animate-svg-stroke-4-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 1054px;
    stroke-dasharray: 1054px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1054px;
  }
}

@-webkit-keyframes animate-svg-fill-4-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

@keyframes animate-svg-fill-4-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

.svg-draw .svg-draw-3-mobile-4 {
  -webkit-animation: animate-svg-stroke-4-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.89s both;
          animation: animate-svg-stroke-4-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.89s both;
}

@-webkit-keyframes animate-svg-stroke-5-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 3856.256103515625px;
    stroke-dasharray: 3856.256103515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3856.256103515625px;
  }
}

@keyframes animate-svg-stroke-5-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 3856.256103515625px;
    stroke-dasharray: 3856.256103515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3856.256103515625px;
  }
}

@-webkit-keyframes animate-svg-fill-5-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-5-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-5 {
  -webkit-animation: animate-svg-stroke-5-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.92s both;
          animation: animate-svg-stroke-5-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.92s both;
}

@-webkit-keyframes animate-svg-stroke-6-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 479.56658935546875px;
    stroke-dasharray: 479.56658935546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 479.56658935546875px;
  }
}

@keyframes animate-svg-stroke-6-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 479.56658935546875px;
    stroke-dasharray: 479.56658935546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 479.56658935546875px;
  }
}

@-webkit-keyframes animate-svg-fill-6-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-6-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-6 {
  -webkit-animation: animate-svg-stroke-6-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s both;
          animation: animate-svg-stroke-6-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9500000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-7-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 1042.953369140625px;
    stroke-dasharray: 1042.953369140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1042.953369140625px;
  }
}

@keyframes animate-svg-stroke-7-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 1042.953369140625px;
    stroke-dasharray: 1042.953369140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1042.953369140625px;
  }
}

@-webkit-keyframes animate-svg-fill-7-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-7-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-7 {
  -webkit-animation: animate-svg-stroke-7-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.98s both;
          animation: animate-svg-stroke-7-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.98s both;
}

@-webkit-keyframes animate-svg-stroke-8-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 876.7296142578125px;
    stroke-dasharray: 876.7296142578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 876.7296142578125px;
  }
}

@keyframes animate-svg-stroke-8-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 876.7296142578125px;
    stroke-dasharray: 876.7296142578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 876.7296142578125px;
  }
}

@-webkit-keyframes animate-svg-fill-8-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-8-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-3-mobile-8 {
  -webkit-animation: animate-svg-stroke-8-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.01s both;
          animation: animate-svg-stroke-8-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.01s both;
}

@-webkit-keyframes animate-svg-stroke-9-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 2749.385986328125px;
    stroke-dasharray: 2749.385986328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2749.385986328125px;
  }
}

@keyframes animate-svg-stroke-9-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 2749.385986328125px;
    stroke-dasharray: 2749.385986328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2749.385986328125px;
  }
}

@-webkit-keyframes animate-svg-fill-9-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-9-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-9 {
  -webkit-animation: animate-svg-stroke-9-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.04s both;
          animation: animate-svg-stroke-9-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.04s both;
}

@-webkit-keyframes animate-svg-stroke-10-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 2971.200439453125px;
    stroke-dasharray: 2971.200439453125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2971.200439453125px;
  }
}

@keyframes animate-svg-stroke-10-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 2971.200439453125px;
    stroke-dasharray: 2971.200439453125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2971.200439453125px;
  }
}

@-webkit-keyframes animate-svg-fill-10-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-10-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-10 {
  -webkit-animation: animate-svg-stroke-10-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.07s both;
          animation: animate-svg-stroke-10-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.07s both;
}

@-webkit-keyframes animate-svg-stroke-11-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 117.34566497802734px;
    stroke-dasharray: 117.34566497802734px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 117.34566497802734px;
  }
}

@keyframes animate-svg-stroke-11-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 117.34566497802734px;
    stroke-dasharray: 117.34566497802734px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 117.34566497802734px;
  }
}

@-webkit-keyframes animate-svg-fill-11-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-11-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-11 {
  -webkit-animation: animate-svg-stroke-11-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-11-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-12-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 530.2646484375px;
    stroke-dasharray: 530.2646484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 530.2646484375px;
  }
}

@keyframes animate-svg-stroke-12-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 530.2646484375px;
    stroke-dasharray: 530.2646484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 530.2646484375px;
  }
}

@-webkit-keyframes animate-svg-fill-12-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-12-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-12 {
  -webkit-animation: animate-svg-stroke-12-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.13s both;
          animation: animate-svg-stroke-12-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.13s both;
}

@-webkit-keyframes animate-svg-stroke-13-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 800.2256469726562px;
    stroke-dasharray: 800.2256469726562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 800.2256469726562px;
  }
}

@keyframes animate-svg-stroke-13-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 800.2256469726562px;
    stroke-dasharray: 800.2256469726562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 800.2256469726562px;
  }
}

@-webkit-keyframes animate-svg-fill-13-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-13-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-13 {
  -webkit-animation: animate-svg-stroke-13-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1600000000000001s both;
          animation: animate-svg-stroke-13-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1600000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-14-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 271.5249938964844px;
    stroke-dasharray: 271.5249938964844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 271.5249938964844px;
  }
}

@keyframes animate-svg-stroke-14-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 271.5249938964844px;
    stroke-dasharray: 271.5249938964844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 271.5249938964844px;
  }
}

@-webkit-keyframes animate-svg-fill-14-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-14-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-14 {
  -webkit-animation: animate-svg-stroke-14-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-14-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.19s both;
          animation: animate-svg-stroke-14-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-14-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.19s both;
}

@-webkit-keyframes animate-svg-stroke-15-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 143.2000274658203px;
    stroke-dasharray: 143.2000274658203px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 143.2000274658203px;
  }
}

@keyframes animate-svg-stroke-15-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 143.2000274658203px;
    stroke-dasharray: 143.2000274658203px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 143.2000274658203px;
  }
}

@-webkit-keyframes animate-svg-fill-15-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-15-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-15 {
  -webkit-animation: animate-svg-stroke-15-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-15-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.22s both;
          animation: animate-svg-stroke-15-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-15-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.22s both;
}

@-webkit-keyframes animate-svg-stroke-16-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 135.0465087890625px;
    stroke-dasharray: 135.0465087890625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 135.0465087890625px;
  }
}

@keyframes animate-svg-stroke-16-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 135.0465087890625px;
    stroke-dasharray: 135.0465087890625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 135.0465087890625px;
  }
}

@-webkit-keyframes animate-svg-fill-16-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-16-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-16 {
  -webkit-animation: animate-svg-stroke-16-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
                       animate-svg-fill-16-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s both;
          animation: animate-svg-stroke-16-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
               animate-svg-fill-16-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.25s both;
}

@-webkit-keyframes animate-svg-stroke-17-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 89.99384307861328px;
    stroke-dasharray: 89.99384307861328px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 89.99384307861328px;
  }
}

@keyframes animate-svg-stroke-17-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 89.99384307861328px;
    stroke-dasharray: 89.99384307861328px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 89.99384307861328px;
  }
}

@-webkit-keyframes animate-svg-fill-17-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-17-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-17 {
  -webkit-animation: animate-svg-stroke-17-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
                       animate-svg-fill-17-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.28s both;
          animation: animate-svg-stroke-17-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
               animate-svg-fill-17-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.28s both;
}

@-webkit-keyframes animate-svg-stroke-18-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 69.46253204345703px;
    stroke-dasharray: 69.46253204345703px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 69.46253204345703px;
  }
}

@keyframes animate-svg-stroke-18-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 69.46253204345703px;
    stroke-dasharray: 69.46253204345703px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 69.46253204345703px;
  }
}

@-webkit-keyframes animate-svg-fill-18-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-18-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-18 {
  -webkit-animation: animate-svg-stroke-18-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
                       animate-svg-fill-18-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.31s both;
          animation: animate-svg-stroke-18-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
               animate-svg-fill-18-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.31s both;
}

@-webkit-keyframes animate-svg-stroke-19-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 75.84270477294922px;
    stroke-dasharray: 75.84270477294922px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 75.84270477294922px;
  }
}

@keyframes animate-svg-stroke-19-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 75.84270477294922px;
    stroke-dasharray: 75.84270477294922px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 75.84270477294922px;
  }
}

@-webkit-keyframes animate-svg-fill-19-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-19-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-19 {
  -webkit-animation: animate-svg-stroke-19-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
                       animate-svg-fill-19-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.34s both;
          animation: animate-svg-stroke-19-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
               animate-svg-fill-19-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.34s both;
}

@-webkit-keyframes animate-svg-stroke-20-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 112.87759399414062px;
    stroke-dasharray: 112.87759399414062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 112.87759399414062px;
  }
}

@keyframes animate-svg-stroke-20-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 112.87759399414062px;
    stroke-dasharray: 112.87759399414062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 112.87759399414062px;
  }
}

@-webkit-keyframes animate-svg-fill-20-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-20-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-20 {
  -webkit-animation: animate-svg-stroke-20-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
                       animate-svg-fill-20-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.37s both;
          animation: animate-svg-stroke-20-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
               animate-svg-fill-20-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.37s both;
}

@-webkit-keyframes animate-svg-stroke-21-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 74.34225463867188px;
    stroke-dasharray: 74.34225463867188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 74.34225463867188px;
  }
}

@keyframes animate-svg-stroke-21-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 74.34225463867188px;
    stroke-dasharray: 74.34225463867188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 74.34225463867188px;
  }
}

@-webkit-keyframes animate-svg-fill-21-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-21-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-21 {
  -webkit-animation: animate-svg-stroke-21-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
                       animate-svg-fill-21-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
          animation: animate-svg-stroke-21-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
               animate-svg-fill-21-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
}

@-webkit-keyframes animate-svg-stroke-22-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 75.20404815673828px;
    stroke-dasharray: 75.20404815673828px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 75.20404815673828px;
  }
}

@keyframes animate-svg-stroke-22-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 75.20404815673828px;
    stroke-dasharray: 75.20404815673828px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 75.20404815673828px;
  }
}

@-webkit-keyframes animate-svg-fill-22-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-22-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-22 {
  -webkit-animation: animate-svg-stroke-22-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
                       animate-svg-fill-22-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4300000000000002s both;
          animation: animate-svg-stroke-22-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
               animate-svg-fill-22-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4300000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-23-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 78.07344818115234px;
    stroke-dasharray: 78.07344818115234px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 78.07344818115234px;
  }
}

@keyframes animate-svg-stroke-23-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 78.07344818115234px;
    stroke-dasharray: 78.07344818115234px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 78.07344818115234px;
  }
}

@-webkit-keyframes animate-svg-fill-23-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-23-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-23 {
  -webkit-animation: animate-svg-stroke-23-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
                       animate-svg-fill-23-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.46s both;
          animation: animate-svg-stroke-23-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
               animate-svg-fill-23-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.46s both;
}

@-webkit-keyframes animate-svg-stroke-24-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 59.50019836425781px;
    stroke-dasharray: 59.50019836425781px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 59.50019836425781px;
  }
}

@keyframes animate-svg-stroke-24-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 59.50019836425781px;
    stroke-dasharray: 59.50019836425781px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 59.50019836425781px;
  }
}

@-webkit-keyframes animate-svg-fill-24-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-24-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-24 {
  -webkit-animation: animate-svg-stroke-24-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
                       animate-svg-fill-24-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.49s both;
          animation: animate-svg-stroke-24-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
               animate-svg-fill-24-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.49s both;
}

@-webkit-keyframes animate-svg-stroke-25-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 54.48295974731445px;
    stroke-dasharray: 54.48295974731445px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.48295974731445px;
  }
}

@keyframes animate-svg-stroke-25-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 54.48295974731445px;
    stroke-dasharray: 54.48295974731445px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.48295974731445px;
  }
}

@-webkit-keyframes animate-svg-fill-25-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-25-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-25 {
  -webkit-animation: animate-svg-stroke-25-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
                       animate-svg-fill-25-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.52s both;
          animation: animate-svg-stroke-25-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
               animate-svg-fill-25-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.52s both;
}

@-webkit-keyframes animate-svg-stroke-26-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 51.76197814941406px;
    stroke-dasharray: 51.76197814941406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 51.76197814941406px;
  }
}

@keyframes animate-svg-stroke-26-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 51.76197814941406px;
    stroke-dasharray: 51.76197814941406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 51.76197814941406px;
  }
}

@-webkit-keyframes animate-svg-fill-26-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-26-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-26 {
  -webkit-animation: animate-svg-stroke-26-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
                       animate-svg-fill-26-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s both;
          animation: animate-svg-stroke-26-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
               animate-svg-fill-26-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.55s both;
}

@-webkit-keyframes animate-svg-stroke-27-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 52.95845413208008px;
    stroke-dasharray: 52.95845413208008px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 52.95845413208008px;
  }
}

@keyframes animate-svg-stroke-27-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 52.95845413208008px;
    stroke-dasharray: 52.95845413208008px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 52.95845413208008px;
  }
}

@-webkit-keyframes animate-svg-fill-27-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-27-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-27 {
  -webkit-animation: animate-svg-stroke-27-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
                       animate-svg-fill-27-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.58s both;
          animation: animate-svg-stroke-27-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
               animate-svg-fill-27-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.58s both;
}

@-webkit-keyframes animate-svg-stroke-28-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 48.0273323059082px;
    stroke-dasharray: 48.0273323059082px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 48.0273323059082px;
  }
}

@keyframes animate-svg-stroke-28-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 48.0273323059082px;
    stroke-dasharray: 48.0273323059082px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 48.0273323059082px;
  }
}

@-webkit-keyframes animate-svg-fill-28-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-28-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-28 {
  -webkit-animation: animate-svg-stroke-28-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
                       animate-svg-fill-28-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6099999999999999s both;
          animation: animate-svg-stroke-28-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
               animate-svg-fill-28-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6099999999999999s both;
}

@-webkit-keyframes animate-svg-stroke-29-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 47.65203094482422px;
    stroke-dasharray: 47.65203094482422px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 47.65203094482422px;
  }
}

@keyframes animate-svg-stroke-29-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 47.65203094482422px;
    stroke-dasharray: 47.65203094482422px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 47.65203094482422px;
  }
}

@-webkit-keyframes animate-svg-fill-29-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-29-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-29 {
  -webkit-animation: animate-svg-stroke-29-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
                       animate-svg-fill-29-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6400000000000001s both;
          animation: animate-svg-stroke-29-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
               animate-svg-fill-29-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6400000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-30-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 54.604190826416016px;
    stroke-dasharray: 54.604190826416016px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.604190826416016px;
  }
}

@keyframes animate-svg-stroke-30-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 54.604190826416016px;
    stroke-dasharray: 54.604190826416016px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 54.604190826416016px;
  }
}

@-webkit-keyframes animate-svg-fill-30-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-30-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-30 {
  -webkit-animation: animate-svg-stroke-30-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
                       animate-svg-fill-30-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.67s both;
          animation: animate-svg-stroke-30-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
               animate-svg-fill-30-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.67s both;
}

@-webkit-keyframes animate-svg-stroke-31-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 53.4777717590332px;
    stroke-dasharray: 53.4777717590332px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 53.4777717590332px;
  }
}

@keyframes animate-svg-stroke-31-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 53.4777717590332px;
    stroke-dasharray: 53.4777717590332px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 53.4777717590332px;
  }
}

@-webkit-keyframes animate-svg-fill-31-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-31-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-31 {
  -webkit-animation: animate-svg-stroke-31-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
                       animate-svg-fill-31-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
          animation: animate-svg-stroke-31-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
               animate-svg-fill-31-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
}

@-webkit-keyframes animate-svg-stroke-32-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 51.900394439697266px;
    stroke-dasharray: 51.900394439697266px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 51.900394439697266px;
  }
}

@keyframes animate-svg-stroke-32-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 51.900394439697266px;
    stroke-dasharray: 51.900394439697266px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 51.900394439697266px;
  }
}

@-webkit-keyframes animate-svg-fill-32-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-32-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-32 {
  -webkit-animation: animate-svg-stroke-32-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
                       animate-svg-fill-32-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.73s both;
          animation: animate-svg-stroke-32-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
               animate-svg-fill-32-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.73s both;
}

@-webkit-keyframes animate-svg-stroke-33-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 33.33690643310547px;
    stroke-dasharray: 33.33690643310547px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 33.33690643310547px;
  }
}

@keyframes animate-svg-stroke-33-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 33.33690643310547px;
    stroke-dasharray: 33.33690643310547px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 33.33690643310547px;
  }
}

@-webkit-keyframes animate-svg-fill-33-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-33-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-33 {
  -webkit-animation: animate-svg-stroke-33-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
                       animate-svg-fill-33-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.76s both;
          animation: animate-svg-stroke-33-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
               animate-svg-fill-33-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.76s both;
}

@-webkit-keyframes animate-svg-stroke-34-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 31.37148666381836px;
    stroke-dasharray: 31.37148666381836px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.37148666381836px;
  }
}

@keyframes animate-svg-stroke-34-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 31.37148666381836px;
    stroke-dasharray: 31.37148666381836px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 31.37148666381836px;
  }
}

@-webkit-keyframes animate-svg-fill-34-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-34-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-34 {
  -webkit-animation: animate-svg-stroke-34-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
                       animate-svg-fill-34-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.79s both;
          animation: animate-svg-stroke-34-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
               animate-svg-fill-34-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.79s both;
}

@-webkit-keyframes animate-svg-stroke-35-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 22.961483001708984px;
    stroke-dasharray: 22.961483001708984px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 22.961483001708984px;
  }
}

@keyframes animate-svg-stroke-35-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 22.961483001708984px;
    stroke-dasharray: 22.961483001708984px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 22.961483001708984px;
  }
}

@-webkit-keyframes animate-svg-fill-35-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-35-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-35 {
  -webkit-animation: animate-svg-stroke-35-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
                       animate-svg-fill-35-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.82s both;
          animation: animate-svg-stroke-35-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
               animate-svg-fill-35-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.82s both;
}

@-webkit-keyframes animate-svg-stroke-36-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 463.8896484375px;
    stroke-dasharray: 463.8896484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 463.8896484375px;
  }
}

@keyframes animate-svg-stroke-36-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 463.8896484375px;
    stroke-dasharray: 463.8896484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 463.8896484375px;
  }
}

@-webkit-keyframes animate-svg-fill-36-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-36-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-36 {
  -webkit-animation: animate-svg-stroke-36-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
                       animate-svg-fill-36-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s both;
          animation: animate-svg-stroke-36-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
               animate-svg-fill-36-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.85s both;
}

@-webkit-keyframes animate-svg-stroke-37-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 946.4172973632812px;
    stroke-dasharray: 946.4172973632812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 946.4172973632812px;
  }
}

@keyframes animate-svg-stroke-37-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 946.4172973632812px;
    stroke-dasharray: 946.4172973632812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 946.4172973632812px;
  }
}

@-webkit-keyframes animate-svg-fill-37-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-37-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-37 {
  -webkit-animation: animate-svg-stroke-37-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
                       animate-svg-fill-37-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8800000000000001s both;
          animation: animate-svg-stroke-37-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
               animate-svg-fill-37-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8800000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-38-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 414.49322509765625px;
    stroke-dasharray: 414.49322509765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 414.49322509765625px;
  }
}

@keyframes animate-svg-stroke-38-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 414.49322509765625px;
    stroke-dasharray: 414.49322509765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 414.49322509765625px;
  }
}

@-webkit-keyframes animate-svg-fill-38-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-38-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-38 {
  -webkit-animation: animate-svg-stroke-38-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s both,
                       animate-svg-fill-38-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.91s both;
          animation: animate-svg-stroke-38-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s both,
               animate-svg-fill-38-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.91s both;
}

@-webkit-keyframes animate-svg-stroke-39-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 479.658935546875px;
    stroke-dasharray: 479.658935546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 479.658935546875px;
  }
}

@keyframes animate-svg-stroke-39-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 479.658935546875px;
    stroke-dasharray: 479.658935546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 479.658935546875px;
  }
}

@-webkit-keyframes animate-svg-fill-39-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-39-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-39 {
  -webkit-animation: animate-svg-stroke-39-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s both,
                       animate-svg-fill-39-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.94s both;
          animation: animate-svg-stroke-39-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s both,
               animate-svg-fill-39-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.94s both;
}

@-webkit-keyframes animate-svg-stroke-40-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 387.17742919921875px;
    stroke-dasharray: 387.17742919921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 387.17742919921875px;
  }
}

@keyframes animate-svg-stroke-40-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 387.17742919921875px;
    stroke-dasharray: 387.17742919921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 387.17742919921875px;
  }
}

@-webkit-keyframes animate-svg-fill-40-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-40-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-40 {
  -webkit-animation: animate-svg-stroke-40-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.68s both,
                       animate-svg-fill-40-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.97s both;
          animation: animate-svg-stroke-40-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.68s both,
               animate-svg-fill-40-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.97s both;
}

@-webkit-keyframes animate-svg-stroke-41-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 389.5374755859375px;
    stroke-dasharray: 389.5374755859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 389.5374755859375px;
  }
}

@keyframes animate-svg-stroke-41-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 389.5374755859375px;
    stroke-dasharray: 389.5374755859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 389.5374755859375px;
  }
}

@-webkit-keyframes animate-svg-fill-41-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-41-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-41 {
  -webkit-animation: animate-svg-stroke-41-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s both,
                       animate-svg-fill-41-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-41-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s both,
               animate-svg-fill-41-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-42-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 798.1035766601562px;
    stroke-dasharray: 798.1035766601562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 798.1035766601562px;
  }
}

@keyframes animate-svg-stroke-42-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 798.1035766601562px;
    stroke-dasharray: 798.1035766601562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 798.1035766601562px;
  }
}

@-webkit-keyframes animate-svg-fill-42-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-42-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-42 {
  -webkit-animation: animate-svg-stroke-42-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.92s both,
                       animate-svg-fill-42-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.0300000000000002s both;
          animation: animate-svg-stroke-42-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.92s both,
               animate-svg-fill-42-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.0300000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-43-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 329.3109130859375px;
    stroke-dasharray: 329.3109130859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 329.3109130859375px;
  }
}

@keyframes animate-svg-stroke-43-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 329.3109130859375px;
    stroke-dasharray: 329.3109130859375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 329.3109130859375px;
  }
}

@-webkit-keyframes animate-svg-fill-43-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-43-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-43 {
  -webkit-animation: animate-svg-stroke-43-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.04s both,
                       animate-svg-fill-43-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.06s both;
          animation: animate-svg-stroke-43-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.04s both,
               animate-svg-fill-43-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.06s both;
}

@-webkit-keyframes animate-svg-stroke-44-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 457.0938720703125px;
    stroke-dasharray: 457.0938720703125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 457.0938720703125px;
  }
}

@keyframes animate-svg-stroke-44-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 457.0938720703125px;
    stroke-dasharray: 457.0938720703125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 457.0938720703125px;
  }
}

@-webkit-keyframes animate-svg-fill-44-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-44-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-44 {
  -webkit-animation: animate-svg-stroke-44-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.16s both,
                       animate-svg-fill-44-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.09s both;
          animation: animate-svg-stroke-44-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.16s both,
               animate-svg-fill-44-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.09s both;
}

@-webkit-keyframes animate-svg-stroke-45-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 144.88417053222656px;
    stroke-dasharray: 144.88417053222656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 144.88417053222656px;
  }
}

@keyframes animate-svg-stroke-45-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 144.88417053222656px;
    stroke-dasharray: 144.88417053222656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 144.88417053222656px;
  }
}

@-webkit-keyframes animate-svg-fill-45-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-45-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-45 {
  -webkit-animation: animate-svg-stroke-45-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.279999999999999s both,
                       animate-svg-fill-45-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.12s both;
          animation: animate-svg-stroke-45-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.279999999999999s both,
               animate-svg-fill-45-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.12s both;
}

@-webkit-keyframes animate-svg-stroke-46-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 52.00123977661133px;
    stroke-dasharray: 52.00123977661133px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 52.00123977661133px;
  }
}

@keyframes animate-svg-stroke-46-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 52.00123977661133px;
    stroke-dasharray: 52.00123977661133px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 52.00123977661133px;
  }
}

@-webkit-keyframes animate-svg-fill-46-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-46-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-46 {
  -webkit-animation: animate-svg-stroke-46-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3999999999999995s both,
                       animate-svg-fill-46-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s both;
          animation: animate-svg-stroke-46-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3999999999999995s both,
               animate-svg-fill-46-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.15s both;
}

@-webkit-keyframes animate-svg-stroke-47-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 41.34617233276367px;
    stroke-dasharray: 41.34617233276367px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 41.34617233276367px;
  }
}

@keyframes animate-svg-stroke-47-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 41.34617233276367px;
    stroke-dasharray: 41.34617233276367px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 41.34617233276367px;
  }
}

@-webkit-keyframes animate-svg-fill-47-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-47-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-47 {
  -webkit-animation: animate-svg-stroke-47-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.52s both,
                       animate-svg-fill-47-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1799999999999997s both;
          animation: animate-svg-stroke-47-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.52s both,
               animate-svg-fill-47-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1799999999999997s both;
}

@-webkit-keyframes animate-svg-stroke-48-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 44.67643737792969px;
    stroke-dasharray: 44.67643737792969px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 44.67643737792969px;
  }
}

@keyframes animate-svg-stroke-48-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 44.67643737792969px;
    stroke-dasharray: 44.67643737792969px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 44.67643737792969px;
  }
}

@-webkit-keyframes animate-svg-fill-48-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-48-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-48 {
  -webkit-animation: animate-svg-stroke-48-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.64s both,
                       animate-svg-fill-48-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.21s both;
          animation: animate-svg-stroke-48-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.64s both,
               animate-svg-fill-48-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.21s both;
}

@-webkit-keyframes animate-svg-stroke-49-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 34.1634521484375px;
    stroke-dasharray: 34.1634521484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 34.1634521484375px;
  }
}

@keyframes animate-svg-stroke-49-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 34.1634521484375px;
    stroke-dasharray: 34.1634521484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 34.1634521484375px;
  }
}

@-webkit-keyframes animate-svg-fill-49-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-49-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-49 {
  -webkit-animation: animate-svg-stroke-49-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.76s both,
                       animate-svg-fill-49-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.24s both;
          animation: animate-svg-stroke-49-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.76s both,
               animate-svg-fill-49-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.24s both;
}

@-webkit-keyframes animate-svg-stroke-50-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 267.6037292480469px;
    stroke-dasharray: 267.6037292480469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 267.6037292480469px;
  }
}

@keyframes animate-svg-stroke-50-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 267.6037292480469px;
    stroke-dasharray: 267.6037292480469px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 267.6037292480469px;
  }
}

@-webkit-keyframes animate-svg-fill-50-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-50-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-50 {
  -webkit-animation: animate-svg-stroke-50-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.88s both,
                       animate-svg-fill-50-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.27s both;
          animation: animate-svg-stroke-50-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 5.88s both,
               animate-svg-fill-50-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.27s both;
}

@-webkit-keyframes animate-svg-stroke-51-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 547.426025390625px;
    stroke-dasharray: 547.426025390625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 547.426025390625px;
  }
}

@keyframes animate-svg-stroke-51-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 547.426025390625px;
    stroke-dasharray: 547.426025390625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 547.426025390625px;
  }
}

@-webkit-keyframes animate-svg-fill-51-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-51-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-51 {
  -webkit-animation: animate-svg-stroke-51-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6s both,
                       animate-svg-fill-51-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-stroke-51-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6s both,
               animate-svg-fill-51-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-52-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 238.72813415527344px;
    stroke-dasharray: 238.72813415527344px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 238.72813415527344px;
  }
}

@keyframes animate-svg-stroke-52-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 238.72813415527344px;
    stroke-dasharray: 238.72813415527344px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 238.72813415527344px;
  }
}

@-webkit-keyframes animate-svg-fill-52-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-52-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-52 {
  -webkit-animation: animate-svg-stroke-52-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.12s both,
                       animate-svg-fill-52-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.33s both;
          animation: animate-svg-stroke-52-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.12s both,
               animate-svg-fill-52-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.33s both;
}

@-webkit-keyframes animate-svg-stroke-53-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 495.90850830078125px;
    stroke-dasharray: 495.90850830078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 495.90850830078125px;
  }
}

@keyframes animate-svg-stroke-53-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 495.90850830078125px;
    stroke-dasharray: 495.90850830078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 495.90850830078125px;
  }
}

@-webkit-keyframes animate-svg-fill-53-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-53-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-53 {
  -webkit-animation: animate-svg-stroke-53-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.24s both,
                       animate-svg-fill-53-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3600000000000003s both;
          animation: animate-svg-stroke-53-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.24s both,
               animate-svg-fill-53-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3600000000000003s both;
}

@-webkit-keyframes animate-svg-stroke-54-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 168.60833740234375px;
    stroke-dasharray: 168.60833740234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 168.60833740234375px;
  }
}

@keyframes animate-svg-stroke-54-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 168.60833740234375px;
    stroke-dasharray: 168.60833740234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 168.60833740234375px;
  }
}

@-webkit-keyframes animate-svg-fill-54-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-54-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-54 {
  -webkit-animation: animate-svg-stroke-54-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.359999999999999s both,
                       animate-svg-fill-54-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3899999999999997s both;
          animation: animate-svg-stroke-54-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.359999999999999s both,
               animate-svg-fill-54-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3899999999999997s both;
}

@-webkit-keyframes animate-svg-stroke-55-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 379.27630615234375px;
    stroke-dasharray: 379.27630615234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 379.27630615234375px;
  }
}

@keyframes animate-svg-stroke-55-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 379.27630615234375px;
    stroke-dasharray: 379.27630615234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 379.27630615234375px;
  }
}

@-webkit-keyframes animate-svg-fill-55-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-55-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-55 {
  -webkit-animation: animate-svg-stroke-55-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4799999999999995s both,
                       animate-svg-fill-55-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.42s both;
          animation: animate-svg-stroke-55-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4799999999999995s both,
               animate-svg-fill-55-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.42s both;
}

@-webkit-keyframes animate-svg-stroke-56-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 166.5563507080078px;
    stroke-dasharray: 166.5563507080078px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 166.5563507080078px;
  }
}

@keyframes animate-svg-stroke-56-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 166.5563507080078px;
    stroke-dasharray: 166.5563507080078px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 166.5563507080078px;
  }
}

@-webkit-keyframes animate-svg-fill-56-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-56-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-56 {
  -webkit-animation: animate-svg-stroke-56-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s both,
                       animate-svg-fill-56-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s both;
          animation: animate-svg-stroke-56-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s both,
               animate-svg-fill-56-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.45s both;
}

@-webkit-keyframes animate-svg-stroke-57-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 345.4417724609375px;
    stroke-dasharray: 345.4417724609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 345.4417724609375px;
  }
}

@keyframes animate-svg-stroke-57-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 345.4417724609375px;
    stroke-dasharray: 345.4417724609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 345.4417724609375px;
  }
}

@-webkit-keyframes animate-svg-fill-57-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-57-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-57 {
  -webkit-animation: animate-svg-stroke-57-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.72s both,
                       animate-svg-fill-57-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.48s both;
          animation: animate-svg-stroke-57-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.72s both,
               animate-svg-fill-57-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.48s both;
}

@-webkit-keyframes animate-svg-stroke-58-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 138.19329833984375px;
    stroke-dasharray: 138.19329833984375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 138.19329833984375px;
  }
}

@keyframes animate-svg-stroke-58-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 138.19329833984375px;
    stroke-dasharray: 138.19329833984375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 138.19329833984375px;
  }
}

@-webkit-keyframes animate-svg-fill-58-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-58-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-58 {
  -webkit-animation: animate-svg-stroke-58-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.84s both,
                       animate-svg-fill-58-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.51s both;
          animation: animate-svg-stroke-58-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.84s both,
               animate-svg-fill-58-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.51s both;
}

@-webkit-keyframes animate-svg-stroke-59-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 293.96612548828125px;
    stroke-dasharray: 293.96612548828125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 293.96612548828125px;
  }
}

@keyframes animate-svg-stroke-59-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 293.96612548828125px;
    stroke-dasharray: 293.96612548828125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 293.96612548828125px;
  }
}

@-webkit-keyframes animate-svg-fill-59-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-59-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-59 {
  -webkit-animation: animate-svg-stroke-59-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.96s both,
                       animate-svg-fill-59-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.54s both;
          animation: animate-svg-stroke-59-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 6.96s both,
               animate-svg-fill-59-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.54s both;
}

@-webkit-keyframes animate-svg-stroke-60-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 71.36181640625px;
    stroke-dasharray: 71.36181640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 71.36181640625px;
  }
}

@keyframes animate-svg-stroke-60-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 71.36181640625px;
    stroke-dasharray: 71.36181640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 71.36181640625px;
  }
}

@-webkit-keyframes animate-svg-fill-60-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-60-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-60 {
  -webkit-animation: animate-svg-stroke-60-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.08s both,
                       animate-svg-fill-60-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5700000000000003s both;
          animation: animate-svg-stroke-60-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.08s both,
               animate-svg-fill-60-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5700000000000003s both;
}

@-webkit-keyframes animate-svg-stroke-61-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 154.7279510498047px;
    stroke-dasharray: 154.7279510498047px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 154.7279510498047px;
  }
}

@keyframes animate-svg-stroke-61-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 154.7279510498047px;
    stroke-dasharray: 154.7279510498047px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 154.7279510498047px;
  }
}

@-webkit-keyframes animate-svg-fill-61-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-61-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-61 {
  -webkit-animation: animate-svg-stroke-61-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.199999999999999s both,
                       animate-svg-fill-61-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5999999999999996s both;
          animation: animate-svg-stroke-61-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.199999999999999s both,
               animate-svg-fill-61-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5999999999999996s both;
}

@-webkit-keyframes animate-svg-stroke-62-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 21.226516723632812px;
    stroke-dasharray: 21.226516723632812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 21.226516723632812px;
  }
}

@keyframes animate-svg-stroke-62-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 21.226516723632812px;
    stroke-dasharray: 21.226516723632812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 21.226516723632812px;
  }
}

@-webkit-keyframes animate-svg-fill-62-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-62-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-62 {
  -webkit-animation: animate-svg-stroke-62-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.319999999999999s both,
                       animate-svg-fill-62-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.63s both;
          animation: animate-svg-stroke-62-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.319999999999999s both,
               animate-svg-fill-62-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.63s both;
}

@-webkit-keyframes animate-svg-stroke-63-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 53.57158660888672px;
    stroke-dasharray: 53.57158660888672px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 53.57158660888672px;
  }
}

@keyframes animate-svg-stroke-63-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 53.57158660888672px;
    stroke-dasharray: 53.57158660888672px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 53.57158660888672px;
  }
}

@-webkit-keyframes animate-svg-fill-63-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-63-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-63 {
  -webkit-animation: animate-svg-stroke-63-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.4399999999999995s both,
                       animate-svg-fill-63-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.66s both;
          animation: animate-svg-stroke-63-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.4399999999999995s both,
               animate-svg-fill-63-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.66s both;
}

@-webkit-keyframes animate-svg-stroke-64-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 3833.455322265625px;
    stroke-dasharray: 3833.455322265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3833.455322265625px;
  }
}

@keyframes animate-svg-stroke-64-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 3833.455322265625px;
    stroke-dasharray: 3833.455322265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3833.455322265625px;
  }
}

@-webkit-keyframes animate-svg-fill-64-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-64-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-mobile-64 {
  -webkit-animation: animate-svg-stroke-64-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.56s both,
                       animate-svg-fill-64-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.69s both;
          animation: animate-svg-stroke-64-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.56s both,
               animate-svg-fill-64-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.69s both;
}

@-webkit-keyframes animate-svg-stroke-65-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 856px;
    stroke-dasharray: 856px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 856px;
  }
}

@keyframes animate-svg-stroke-65-antiandrogenic-mobile {
  0% {
    stroke-dashoffset: 856px;
    stroke-dasharray: 856px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 856px;
  }
}

@-webkit-keyframes animate-svg-fill-65-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-65-antiandrogenic-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-3-mobile-65 {
  -webkit-animation: animate-svg-stroke-65-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.68s both,
                       animate-svg-fill-65-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7199999999999998s both;
          animation: animate-svg-stroke-65-antiandrogenic-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 7.68s both,
               animate-svg-fill-65-antiandrogenic-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7199999999999998s both;
}






/***************************************************
 hero 3 pc
 **************************************************/

  .hero-antiandrogenic .hero__image-pc svg:not(.svg-draw) {
    opacity: 0;
  } 
  /***************************************************
 * Generated by SVG Artista on 9/3/2025, 4:56:31 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

/***************************************************
 * Generated by SVG Artista on 9/5/2025, 7:38:14 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-fill-1-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-1-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-1 {
  -webkit-animation: animate-svg-fill-1-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.1s both;
          animation: animate-svg-fill-1-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.1s both;
}

@-webkit-keyframes animate-svg-fill-2-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-2-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-2 {
  -webkit-animation: animate-svg-fill-2-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.12000000000000001s both;
          animation: animate-svg-fill-2-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.12000000000000001s both;
}

@-webkit-keyframes animate-svg-fill-3-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-3-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-3 {
  -webkit-animation: animate-svg-fill-3-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.14s both;
          animation: animate-svg-fill-3-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.14s both;
}

@-webkit-keyframes animate-svg-fill-4-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-4-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-4 {
  -webkit-animation: animate-svg-fill-4-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.16s both;
          animation: animate-svg-fill-4-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.16s both;
}

@-webkit-keyframes animate-svg-fill-5-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-5-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-5 {
  -webkit-animation: animate-svg-fill-5-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.18s both;
          animation: animate-svg-fill-5-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.18s both;
}

@-webkit-keyframes animate-svg-fill-6-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-6-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-6 {
  -webkit-animation: animate-svg-fill-6-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.2s both;
          animation: animate-svg-fill-6-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.2s both;
}

@-webkit-keyframes animate-svg-fill-7-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-7-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-7 {
  -webkit-animation: animate-svg-fill-7-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.22s both;
          animation: animate-svg-fill-7-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.22s both;
}

@-webkit-keyframes animate-svg-fill-8-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-8-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-8 {
  -webkit-animation: animate-svg-fill-8-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.24000000000000002s both;
          animation: animate-svg-fill-8-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.24000000000000002s both;
}

@-webkit-keyframes animate-svg-fill-9-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-9-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-9 {
  -webkit-animation: animate-svg-fill-9-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.26s both;
          animation: animate-svg-fill-9-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.26s both;
}

@-webkit-keyframes animate-svg-fill-10-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-10-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-10 {
  -webkit-animation: animate-svg-fill-10-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.28s both;
          animation: animate-svg-fill-10-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.28s both;
}

@-webkit-keyframes animate-svg-fill-11-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-11-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-11 {
  -webkit-animation: animate-svg-fill-11-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.30000000000000004s both;
          animation: animate-svg-fill-11-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.30000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-12-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-12-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-12 {
  -webkit-animation: animate-svg-fill-12-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.32s both;
          animation: animate-svg-fill-12-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.32s both;
}

@-webkit-keyframes animate-svg-fill-13-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-13-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-13 {
  -webkit-animation: animate-svg-fill-13-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.33999999999999997s both;
          animation: animate-svg-fill-13-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.33999999999999997s both;
}

@-webkit-keyframes animate-svg-fill-14-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-14-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-14 {
  -webkit-animation: animate-svg-fill-14-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.36s both;
          animation: animate-svg-fill-14-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.36s both;
}

@-webkit-keyframes animate-svg-fill-15-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-15-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-15 {
  -webkit-animation: animate-svg-fill-15-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.38s both;
          animation: animate-svg-fill-15-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.38s both;
}

@-webkit-keyframes animate-svg-fill-16-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-16-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-16 {
  -webkit-animation: animate-svg-fill-16-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.4s both;
          animation: animate-svg-fill-16-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.4s both;
}

@-webkit-keyframes animate-svg-fill-17-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-17-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-17 {
  -webkit-animation: animate-svg-fill-17-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.42000000000000004s both;
          animation: animate-svg-fill-17-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.42000000000000004s both;
}

@-webkit-keyframes animate-svg-fill-18-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-18-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-18 {
  -webkit-animation: animate-svg-fill-18-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.44000000000000006s both;
          animation: animate-svg-fill-18-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.44000000000000006s both;
}

@-webkit-keyframes animate-svg-fill-19-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-19-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-19 {
  -webkit-animation: animate-svg-fill-19-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.45999999999999996s both;
          animation: animate-svg-fill-19-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.45999999999999996s both;
}

@-webkit-keyframes animate-svg-fill-20-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-20-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-20 {
  -webkit-animation: animate-svg-fill-20-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.48s both;
          animation: animate-svg-fill-20-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.48s both;
}

@-webkit-keyframes animate-svg-fill-21-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-21-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-21 {
  -webkit-animation: animate-svg-fill-21-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.5s both;
          animation: animate-svg-fill-21-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.5s both;
}

@-webkit-keyframes animate-svg-fill-22-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-22-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-22 {
  -webkit-animation: animate-svg-fill-22-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.52s both;
          animation: animate-svg-fill-22-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.52s both;
}

@-webkit-keyframes animate-svg-fill-23-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-23-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-23 {
  -webkit-animation: animate-svg-fill-23-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.54s both;
          animation: animate-svg-fill-23-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.54s both;
}

@-webkit-keyframes animate-svg-fill-24-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-24-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-24 {
  -webkit-animation: animate-svg-fill-24-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.56s both;
          animation: animate-svg-fill-24-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.56s both;
}

@-webkit-keyframes animate-svg-fill-25-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-25-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-25 {
  -webkit-animation: animate-svg-fill-25-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.58s both;
          animation: animate-svg-fill-25-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.58s both;
}

@-webkit-keyframes animate-svg-fill-26-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-26-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-26 {
  -webkit-animation: animate-svg-fill-26-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.6s both;
          animation: animate-svg-fill-26-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.6s both;
}

@-webkit-keyframes animate-svg-fill-27-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-27-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-27 {
  -webkit-animation: animate-svg-fill-27-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.62s both;
          animation: animate-svg-fill-27-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.62s both;
}

@-webkit-keyframes animate-svg-fill-28-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-28-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-28 {
  -webkit-animation: animate-svg-fill-28-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.64s both;
          animation: animate-svg-fill-28-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.64s both;
}

@-webkit-keyframes animate-svg-fill-29-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-29-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-29 {
  -webkit-animation: animate-svg-fill-29-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.66s both;
          animation: animate-svg-fill-29-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.66s both;
}

@-webkit-keyframes animate-svg-fill-30-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-30-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-30 {
  -webkit-animation: animate-svg-fill-30-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.6799999999999999s both;
          animation: animate-svg-fill-30-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.6799999999999999s both;
}

@-webkit-keyframes animate-svg-fill-31-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-31-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-31 {
  -webkit-animation: animate-svg-fill-31-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.7s both;
          animation: animate-svg-fill-31-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.7s both;
}

@-webkit-keyframes animate-svg-fill-32-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-32-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-32 {
  -webkit-animation: animate-svg-fill-32-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.72s both;
          animation: animate-svg-fill-32-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.72s both;
}

@-webkit-keyframes animate-svg-fill-33-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-33-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-33 {
  -webkit-animation: animate-svg-fill-33-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.74s both;
          animation: animate-svg-fill-33-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.74s both;
}

@-webkit-keyframes animate-svg-fill-34-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-34-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-34 {
  -webkit-animation: animate-svg-fill-34-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.76s both;
          animation: animate-svg-fill-34-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.76s both;
}

@-webkit-keyframes animate-svg-fill-35-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-35-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-35 {
  -webkit-animation: animate-svg-fill-35-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.78s both;
          animation: animate-svg-fill-35-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.78s both;
}

@-webkit-keyframes animate-svg-fill-36-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-36-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-36 {
  -webkit-animation: animate-svg-fill-36-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.8s both;
          animation: animate-svg-fill-36-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.8s both;
}

@-webkit-keyframes animate-svg-fill-37-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-37-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-37 {
  -webkit-animation: animate-svg-fill-37-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.82s both;
          animation: animate-svg-fill-37-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.82s both;
}

@-webkit-keyframes animate-svg-fill-38-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-38-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-38 {
  -webkit-animation: animate-svg-fill-38-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.84s both;
          animation: animate-svg-fill-38-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.84s both;
}

@-webkit-keyframes animate-svg-fill-39-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-39-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-39 {
  -webkit-animation: animate-svg-fill-39-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.86s both;
          animation: animate-svg-fill-39-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.86s both;
}

@-webkit-keyframes animate-svg-fill-40-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-40-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-40 {
  -webkit-animation: animate-svg-fill-40-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.88s both;
          animation: animate-svg-fill-40-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.88s both;
}

@-webkit-keyframes animate-svg-fill-41-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-41-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-41 {
  -webkit-animation: animate-svg-fill-41-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.9s both;
          animation: animate-svg-fill-41-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.9s both;
}

@-webkit-keyframes animate-svg-fill-42-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-42-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-42 {
  -webkit-animation: animate-svg-fill-42-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.92s both;
          animation: animate-svg-fill-42-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.92s both;
}

@-webkit-keyframes animate-svg-fill-43-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-43-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-43 {
  -webkit-animation: animate-svg-fill-43-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.94s both;
          animation: animate-svg-fill-43-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.94s both;
}

@-webkit-keyframes animate-svg-fill-44-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-44-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-44 {
  -webkit-animation: animate-svg-fill-44-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.96s both;
          animation: animate-svg-fill-44-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.96s both;
}

@-webkit-keyframes animate-svg-fill-45-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-45-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-45 {
  -webkit-animation: animate-svg-fill-45-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.98s both;
          animation: animate-svg-fill-45-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.98s both;
}

@-webkit-keyframes animate-svg-fill-46-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-46-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-46 {
  -webkit-animation: animate-svg-fill-46-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1s both;
          animation: animate-svg-fill-46-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1s both;
}

@-webkit-keyframes animate-svg-fill-47-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-47-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-47 {
  -webkit-animation: animate-svg-fill-47-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.02s both;
          animation: animate-svg-fill-47-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.02s both;
}

@-webkit-keyframes animate-svg-fill-48-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-48-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-48 {
  -webkit-animation: animate-svg-fill-48-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.04s both;
          animation: animate-svg-fill-48-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.04s both;
}

@-webkit-keyframes animate-svg-fill-49-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-49-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-49 {
  -webkit-animation: animate-svg-fill-49-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.06s both;
          animation: animate-svg-fill-49-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.06s both;
}

@-webkit-keyframes animate-svg-fill-50-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-50-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-50 {
  -webkit-animation: animate-svg-fill-50-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.08s both;
          animation: animate-svg-fill-50-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.08s both;
}

@-webkit-keyframes animate-svg-fill-51-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-51-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-51 {
  -webkit-animation: animate-svg-fill-51-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.1s both;
          animation: animate-svg-fill-51-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.1s both;
}

@-webkit-keyframes animate-svg-fill-52-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-52-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-52 {
  -webkit-animation: animate-svg-fill-52-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.12s both;
          animation: animate-svg-fill-52-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.12s both;
}

@-webkit-keyframes animate-svg-fill-53-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-53-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-53 {
  -webkit-animation: animate-svg-fill-53-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.1400000000000001s both;
          animation: animate-svg-fill-53-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.1400000000000001s both;
}

@-webkit-keyframes animate-svg-fill-54-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-54-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-54 {
  -webkit-animation: animate-svg-fill-54-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.1600000000000001s both;
          animation: animate-svg-fill-54-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.1600000000000001s both;
}

@-webkit-keyframes animate-svg-fill-55-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

@keyframes animate-svg-fill-55-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

.svg-draw .svg-draw-3-pc-55 {
  -webkit-animation: animate-svg-fill-55-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.1800000000000002s both;
          animation: animate-svg-fill-55-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.1800000000000002s both;
}

@-webkit-keyframes animate-svg-fill-56-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-56-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-56 {
  -webkit-animation: animate-svg-fill-56-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.2000000000000002s both;
          animation: animate-svg-fill-56-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-fill-57-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-57-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-57 {
  -webkit-animation: animate-svg-fill-57-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.2200000000000002s both;
          animation: animate-svg-fill-57-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.2200000000000002s both;
}

@-webkit-keyframes animate-svg-fill-58-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-58-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-58 {
  -webkit-animation: animate-svg-fill-58-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.2400000000000002s both;
          animation: animate-svg-fill-58-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.2400000000000002s both;
}

@-webkit-keyframes animate-svg-fill-59-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-59-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-3-pc-59 {
  -webkit-animation: animate-svg-fill-59-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.26s both;
          animation: animate-svg-fill-59-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.26s both;
}

@-webkit-keyframes animate-svg-fill-60-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-60-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-60 {
  -webkit-animation: animate-svg-fill-60-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.28s both;
          animation: animate-svg-fill-60-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.28s both;
}

@-webkit-keyframes animate-svg-fill-61-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

@keyframes animate-svg-fill-61-antiandrogenic-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(1, 199, 182);
  }
}

.svg-draw .svg-draw-3-pc-61 {
  -webkit-animation: animate-svg-fill-61-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.3s both;
          animation: animate-svg-fill-61-antiandrogenic-pc 0.7s cubic-bezier(0.6, 0.04, 0.98, 0.335) 1.3s both;
}



/***************************************************
 hero 4 mobile
 **************************************************/
  .hero-menstrual .hero__image svg:not(.svg-draw) {
    opacity: 0;
  } 

@-webkit-keyframes animate-svg-stroke-1-menstrual-mobile {
  0% {
    stroke-dashoffset: 6265.6572265625px;
    stroke-dasharray: 6265.6572265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 6265.6572265625px;
  }
}

@keyframes animate-svg-stroke-1-menstrual-mobile {
  0% {
    stroke-dashoffset: 6265.6572265625px;
    stroke-dasharray: 6265.6572265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 6265.6572265625px;
  }
}

@-webkit-keyframes animate-svg-fill-1-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(233, 155, 206);
  }
}

@keyframes animate-svg-fill-1-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(233, 155, 206);
  }
}

.svg-draw .svg-draw-4-mobile-1 {
  -webkit-animation: animate-svg-stroke-1-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2-menstrual-mobile {
  0% {
    stroke-dashoffset: 4655.224609375px;
    stroke-dasharray: 4655.224609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 4655.224609375px;
  }
}

@keyframes animate-svg-stroke-2-menstrual-mobile {
  0% {
    stroke-dashoffset: 4655.224609375px;
    stroke-dasharray: 4655.224609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 4655.224609375px;
  }
}

@-webkit-keyframes animate-svg-fill-2-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(233, 155, 206);
  }
}

@keyframes animate-svg-fill-2-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(233, 155, 206);
  }
}

.svg-draw .svg-draw-4-mobile-2 {
  -webkit-animation: animate-svg-stroke-2-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3-menstrual-mobile {
  0% {
    stroke-dashoffset: 428.5166931152344px;
    stroke-dasharray: 428.5166931152344px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 428.5166931152344px;
  }
}

@keyframes animate-svg-stroke-3-menstrual-mobile {
  0% {
    stroke-dashoffset: 428.5166931152344px;
    stroke-dasharray: 428.5166931152344px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 428.5166931152344px;
  }
}

@-webkit-keyframes animate-svg-fill-3-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(233, 155, 206);
  }
}

@keyframes animate-svg-fill-3-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(233, 155, 206);
  }
}

.svg-draw .svg-draw-4-mobile-3 {
  -webkit-animation: animate-svg-stroke-3-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4-menstrual-mobile {
  0% {
    stroke-dashoffset: 1574.8787841796875px;
    stroke-dasharray: 1574.8787841796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1574.8787841796875px;
  }
}

@keyframes animate-svg-stroke-4-menstrual-mobile {
  0% {
    stroke-dashoffset: 1574.8787841796875px;
    stroke-dasharray: 1574.8787841796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1574.8787841796875px;
  }
}

.svg-draw .svg-draw-4-mobile-4 {
  -webkit-animation: animate-svg-stroke-4-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5-menstrual-mobile {
  0% {
    stroke-dashoffset: 304px;
    stroke-dasharray: 304px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 304px;
  }
}

@keyframes animate-svg-stroke-5-menstrual-mobile {
  0% {
    stroke-dashoffset: 304px;
    stroke-dasharray: 304px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 304px;
  }
}

@-webkit-keyframes animate-svg-fill-5-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-5-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-4-mobile-5 {
  -webkit-animation: animate-svg-stroke-5-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6-menstrual-mobile {
  0% {
    stroke-dashoffset: 547.19677734375px;
    stroke-dasharray: 547.19677734375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 547.19677734375px;
  }
}

@keyframes animate-svg-stroke-6-menstrual-mobile {
  0% {
    stroke-dashoffset: 547.19677734375px;
    stroke-dasharray: 547.19677734375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 547.19677734375px;
  }
}

@-webkit-keyframes animate-svg-fill-6-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-6-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-draw .svg-draw-4-mobile-6 {
  -webkit-animation: animate-svg-stroke-6-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7-menstrual-mobile {
  0% {
    stroke-dashoffset: 547.19677734375px;
    stroke-dasharray: 547.19677734375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 547.19677734375px;
  }
}

@keyframes animate-svg-stroke-7-menstrual-mobile {
  0% {
    stroke-dashoffset: 547.19677734375px;
    stroke-dasharray: 547.19677734375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 547.19677734375px;
  }
}

@-webkit-keyframes animate-svg-fill-7-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-7-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-4-mobile-7 {
  -webkit-animation: animate-svg-stroke-7-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8-menstrual-mobile {
  0% {
    stroke-dashoffset: 1586.3931884765625px;
    stroke-dasharray: 1586.3931884765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1586.3931884765625px;
  }
}

@keyframes animate-svg-stroke-8-menstrual-mobile {
  0% {
    stroke-dashoffset: 1586.3931884765625px;
    stroke-dasharray: 1586.3931884765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1586.3931884765625px;
  }
}

@-webkit-keyframes animate-svg-fill-8-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(233, 155, 206);
  }
}

@keyframes animate-svg-fill-8-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(233, 155, 206);
  }
}

.svg-draw .svg-draw-4-mobile-8 {
  -webkit-animation: animate-svg-stroke-8-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9-menstrual-mobile {
  0% {
    stroke-dashoffset: 198px;
    stroke-dasharray: 198px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 198px;
  }
}

@keyframes animate-svg-stroke-9-menstrual-mobile {
  0% {
    stroke-dashoffset: 198px;
    stroke-dasharray: 198px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 198px;
  }
}

@-webkit-keyframes animate-svg-fill-9-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-9-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-4-mobile-9 {
  -webkit-animation: animate-svg-stroke-9-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10-menstrual-mobile {
  0% {
    stroke-dashoffset: 439.4107971191406px;
    stroke-dasharray: 439.4107971191406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 439.4107971191406px;
  }
}

@keyframes animate-svg-stroke-10-menstrual-mobile {
  0% {
    stroke-dashoffset: 439.4107971191406px;
    stroke-dasharray: 439.4107971191406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 439.4107971191406px;
  }
}

@-webkit-keyframes animate-svg-fill-10-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-10-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-draw .svg-draw-4-mobile-10 {
  -webkit-animation: animate-svg-stroke-10-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11-menstrual-mobile {
  0% {
    stroke-dashoffset: 439.4107971191406px;
    stroke-dasharray: 439.4107971191406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 439.4107971191406px;
  }
}

@keyframes animate-svg-stroke-11-menstrual-mobile {
  0% {
    stroke-dashoffset: 439.4107971191406px;
    stroke-dasharray: 439.4107971191406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 439.4107971191406px;
  }
}

@-webkit-keyframes animate-svg-fill-11-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-11-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-4-mobile-11 {
  -webkit-animation: animate-svg-stroke-11-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12-menstrual-mobile {
  0% {
    stroke-dashoffset: 1652.139892578125px;
    stroke-dasharray: 1652.139892578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1652.139892578125px;
  }
}

@keyframes animate-svg-stroke-12-menstrual-mobile {
  0% {
    stroke-dashoffset: 1652.139892578125px;
    stroke-dasharray: 1652.139892578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1652.139892578125px;
  }
}

@-webkit-keyframes animate-svg-fill-12-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(233, 155, 206);
  }
}

@keyframes animate-svg-fill-12-menstrual-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(233, 155, 206);
  }
}

.svg-draw .svg-draw-4-mobile-12 {
  -webkit-animation: animate-svg-stroke-12-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13-menstrual-mobile {
  0% {
    stroke-dashoffset: 732.2607421875px;
    stroke-dasharray: 732.2607421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 732.2607421875px;
  }
}

@keyframes animate-svg-stroke-13-menstrual-mobile {
  0% {
    stroke-dashoffset: 732.2607421875px;
    stroke-dasharray: 732.2607421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 732.2607421875px;
  }
}

.svg-draw .svg-draw-4-mobile-13 {
  -webkit-animation: animate-svg-stroke-13-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13-menstrual-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13-menstrual-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}




/***************************************************
 hero 4 pc
 **************************************************/
  .hero-menstrual .hero__image-pc svg:not(.svg-draw) {
    opacity: 0;
  } 

@-webkit-keyframes animate-svg-fill-1-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(233, 155, 206);
  }
}

@keyframes animate-svg-fill-1-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(233, 155, 206);
  }
}

.svg-draw .svg-draw-4-pc-1 {
  -webkit-animation: animate-svg-fill-1-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-fill-1-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-fill-2-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

@keyframes animate-svg-fill-2-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(217, 217, 217);
  }
}

.svg-draw .svg-draw-4-pc-2 {
  -webkit-animation: animate-svg-fill-2-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-fill-2-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-fill-3-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(228, 156, 196);
  }
}

@keyframes animate-svg-fill-3-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(228, 156, 196);
  }
}

.svg-draw .svg-draw-4-pc-3 {
  -webkit-animation: animate-svg-fill-3-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-fill-3-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-fill-4-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(208, 129, 181);
  }
}

@keyframes animate-svg-fill-4-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(208, 129, 181);
  }
}

.svg-draw .svg-draw-4-pc-4 {
  -webkit-animation: animate-svg-fill-4-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-fill-4-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-fill-5-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(228, 156, 196);
  }
}

@keyframes animate-svg-fill-5-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(228, 156, 196);
  }
}

.svg-draw .svg-draw-4-pc-5 {
  -webkit-animation: animate-svg-fill-5-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-fill-5-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-fill-6-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(228, 156, 196);
  }
}

@keyframes animate-svg-fill-6-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(228, 156, 196);
  }
}

.svg-draw .svg-draw-4-pc-6 {
  -webkit-animation: animate-svg-fill-6-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-fill-6-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-fill-7-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-7-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-4-pc-7 {
  -webkit-animation: animate-svg-fill-7-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-fill-7-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-fill-8-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-8-menstrual-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-4-pc-8 {
  -webkit-animation: animate-svg-fill-8-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-fill-8-menstrual-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}



/***************************************************
 hero 5 mobile
 **************************************************/
 .hero-intimate .hero__image svg:not(.svg-draw) {
    opacity: 0;
  }

 /***************************************************
 * Generated by SVG Artista on 9/3/2025, 3:40:53 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1-intimate-mobile {
  0% {
    stroke-dashoffset: 5008.63330078125px;
    stroke-dasharray: 5008.63330078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 5008.63330078125px;
  }
}

@keyframes animate-svg-stroke-1-intimate-mobile {
  0% {
    stroke-dashoffset: 5008.63330078125px;
    stroke-dasharray: 5008.63330078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 5008.63330078125px;
  }
}

@-webkit-keyframes animate-svg-fill-1-intimate-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

@keyframes animate-svg-fill-1-intimate-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

.svg-draw .svg-draw-5-mobile-1 {
  -webkit-animation: animate-svg-stroke-1-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2-intimate-mobile {
  0% {
    stroke-dashoffset: 882.2095947265625px;
    stroke-dasharray: 882.2095947265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 882.2095947265625px;
  }
}

@keyframes animate-svg-stroke-2-intimate-mobile {
  0% {
    stroke-dashoffset: 882.2095947265625px;
    stroke-dasharray: 882.2095947265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 882.2095947265625px;
  }
}

@-webkit-keyframes animate-svg-fill-2-intimate-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

@keyframes animate-svg-fill-2-intimate-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

.svg-draw .svg-draw-5-mobile-2 {
  -webkit-animation: animate-svg-stroke-2-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3-intimate-mobile {
  0% {
    stroke-dashoffset: 153.52720642089844px;
    stroke-dasharray: 153.52720642089844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 153.52720642089844px;
  }
}

@keyframes animate-svg-stroke-3-intimate-mobile {
  0% {
    stroke-dashoffset: 153.52720642089844px;
    stroke-dasharray: 153.52720642089844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 153.52720642089844px;
  }
}

@-webkit-keyframes animate-svg-fill-3-intimate-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

@keyframes animate-svg-fill-3-intimate-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

.svg-draw .svg-draw-5-mobile-3 {
  -webkit-animation: animate-svg-stroke-3-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4-intimate-mobile {
  0% {
    stroke-dashoffset: 436.32073974609375px;
    stroke-dasharray: 436.32073974609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 436.32073974609375px;
  }
}

@keyframes animate-svg-stroke-4-intimate-mobile {
  0% {
    stroke-dashoffset: 436.32073974609375px;
    stroke-dasharray: 436.32073974609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 436.32073974609375px;
  }
}

@-webkit-keyframes animate-svg-fill-4-intimate-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

@keyframes animate-svg-fill-4-intimate-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

.svg-draw .svg-draw-5-mobile-4 {
  -webkit-animation: animate-svg-stroke-4-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5-intimate-mobile {
  0% {
    stroke-dashoffset: 1574.881103515625px;
    stroke-dasharray: 1574.881103515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1574.881103515625px;
  }
}

@keyframes animate-svg-stroke-5-intimate-mobile {
  0% {
    stroke-dashoffset: 1574.881103515625px;
    stroke-dasharray: 1574.881103515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1574.881103515625px;
  }
}

.svg-draw .svg-draw-5-mobile-5 {
  -webkit-animation: animate-svg-stroke-5-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6-intimate-mobile {
  0% {
    stroke-dashoffset: 530.0543212890625px;
    stroke-dasharray: 530.0543212890625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 530.0543212890625px;
  }
}

@keyframes animate-svg-stroke-6-intimate-mobile {
  0% {
    stroke-dashoffset: 530.0543212890625px;
    stroke-dasharray: 530.0543212890625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 530.0543212890625px;
  }
}

@-webkit-keyframes animate-svg-fill-6-intimate-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-6-intimate-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-5-mobile-6 {
  -webkit-animation: animate-svg-stroke-6-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7-intimate-mobile {
  0% {
    stroke-dashoffset: 7125.31396484375px;
    stroke-dasharray: 7125.31396484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 7125.31396484375px;
  }
}

@keyframes animate-svg-stroke-7-intimate-mobile {
  0% {
    stroke-dashoffset: 7125.31396484375px;
    stroke-dasharray: 7125.31396484375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 7125.31396484375px;
  }
}

@-webkit-keyframes animate-svg-fill-7-intimate-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

@keyframes animate-svg-fill-7-intimate-mobile {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

.svg-draw .svg-draw-5-mobile-7 {
  -webkit-animation: animate-svg-stroke-7-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8-intimate-mobile {
  0% {
    stroke-dashoffset: 732.2606811523438px;
    stroke-dasharray: 732.2606811523438px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 732.2606811523438px;
  }
}

@keyframes animate-svg-stroke-8-intimate-mobile {
  0% {
    stroke-dashoffset: 732.2606811523438px;
    stroke-dasharray: 732.2606811523438px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 732.2606811523438px;
  }
}

.svg-draw .svg-draw-5-mobile-8 {
  -webkit-animation: animate-svg-stroke-8-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8-intimate-mobile 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8-intimate-mobile 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}



/***************************************************
 hero 5 pc
 **************************************************/
 .hero-intimate .hero__image-pc svg:not(.svg-draw) {
    opacity: 0;
  }
  /***************************************************
 * Generated by SVG Artista on 9/3/2025, 3:24:07 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1-intimate-pc {
  0% {
    stroke-dashoffset: 744.678955078125px;
    stroke-dasharray: 744.678955078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 744.678955078125px;
  }
}

@keyframes animate-svg-stroke-1-intimate-pc {
  0% {
    stroke-dashoffset: 744.678955078125px;
    stroke-dasharray: 744.678955078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 744.678955078125px;
  }
}

@-webkit-keyframes animate-svg-fill-1-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

@keyframes animate-svg-fill-1-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

.svg-draw .svg-draw-5-pc-1 {
  -webkit-animation: animate-svg-stroke-1-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2-intimate-pc {
  0% {
    stroke-dashoffset: 1602.4027099609375px;
    stroke-dasharray: 1602.4027099609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1602.4027099609375px;
  }
}

@keyframes animate-svg-stroke-2-intimate-pc {
  0% {
    stroke-dashoffset: 1602.4027099609375px;
    stroke-dasharray: 1602.4027099609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1602.4027099609375px;
  }
}

.svg-draw .svg-draw-5-pc-2 {
  -webkit-animation: animate-svg-stroke-2-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3-intimate-pc {
  0% {
    stroke-dashoffset: 482px;
    stroke-dasharray: 482px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 482px;
  }
}

@keyframes animate-svg-stroke-3-intimate-pc {
  0% {
    stroke-dashoffset: 482px;
    stroke-dasharray: 482px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 482px;
  }
}

@-webkit-keyframes animate-svg-fill-3-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-3-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-5-pc-3 {
  -webkit-animation: animate-svg-stroke-3-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4-intimate-pc {
  0% {
    stroke-dashoffset: 759.0397338867188px;
    stroke-dasharray: 759.0397338867188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 759.0397338867188px;
  }
}

@keyframes animate-svg-stroke-4-intimate-pc {
  0% {
    stroke-dashoffset: 759.0397338867188px;
    stroke-dasharray: 759.0397338867188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 759.0397338867188px;
  }
}

@-webkit-keyframes animate-svg-fill-4-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-4-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-draw .svg-draw-5-pc-4 {
  -webkit-animation: animate-svg-stroke-4-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5-intimate-pc {
  0% {
    stroke-dashoffset: 759.0397338867188px;
    stroke-dasharray: 759.0397338867188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 759.0397338867188px;
  }
}

@keyframes animate-svg-stroke-5-intimate-pc {
  0% {
    stroke-dashoffset: 759.0397338867188px;
    stroke-dasharray: 759.0397338867188px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 759.0397338867188px;
  }
}

@-webkit-keyframes animate-svg-fill-5-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-5-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-5-pc-5 {
  -webkit-animation: animate-svg-stroke-5-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6-intimate-pc {
  0% {
    stroke-dashoffset: 1964.164794921875px;
    stroke-dasharray: 1964.164794921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1964.164794921875px;
  }
}

@keyframes animate-svg-stroke-6-intimate-pc {
  0% {
    stroke-dashoffset: 1964.164794921875px;
    stroke-dasharray: 1964.164794921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1964.164794921875px;
  }
}

@-webkit-keyframes animate-svg-fill-6-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

@keyframes animate-svg-fill-6-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

.svg-draw .svg-draw-5-pc-6 {
  -webkit-animation: animate-svg-stroke-6-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7-intimate-pc {
  0% {
    stroke-dashoffset: 9242.9609375px;
    stroke-dasharray: 9242.9609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 9242.9609375px;
  }
}

@keyframes animate-svg-stroke-7-intimate-pc {
  0% {
    stroke-dashoffset: 9242.9609375px;
    stroke-dasharray: 9242.9609375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 9242.9609375px;
  }
}

@-webkit-keyframes animate-svg-fill-7-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

@keyframes animate-svg-fill-7-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

.svg-draw .svg-draw-5-pc-7 {
  -webkit-animation: animate-svg-stroke-7-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8-intimate-pc {
  0% {
    stroke-dashoffset: 1968px;
    stroke-dasharray: 1968px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1968px;
  }
}

@keyframes animate-svg-stroke-8-intimate-pc {
  0% {
    stroke-dashoffset: 1968px;
    stroke-dasharray: 1968px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1968px;
  }
}

@-webkit-keyframes animate-svg-fill-8-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-8-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-5-pc-8 {
  -webkit-animation: animate-svg-stroke-8-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9-intimate-pc {
  0% {
    stroke-dashoffset: 9015.373046875px;
    stroke-dasharray: 9015.373046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 9015.373046875px;
  }
}

@keyframes animate-svg-stroke-9-intimate-pc {
  0% {
    stroke-dashoffset: 9015.373046875px;
    stroke-dasharray: 9015.373046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 9015.373046875px;
  }
}

@-webkit-keyframes animate-svg-fill-9-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-9-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-draw .svg-draw-5-pc-9 {
  -webkit-animation: animate-svg-stroke-9-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10-intimate-pc {
  0% {
    stroke-dashoffset: 9015.373046875px;
    stroke-dasharray: 9015.373046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 9015.373046875px;
  }
}

@keyframes animate-svg-stroke-10-intimate-pc {
  0% {
    stroke-dashoffset: 9015.373046875px;
    stroke-dasharray: 9015.373046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 9015.373046875px;
  }
}

@-webkit-keyframes animate-svg-fill-10-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

@keyframes animate-svg-fill-10-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

.svg-draw .svg-draw-5-pc-10 {
  -webkit-animation: animate-svg-stroke-10-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11-intimate-pc {
  0% {
    stroke-dashoffset: 9015.373046875px;
    stroke-dasharray: 9015.373046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 9015.373046875px;
  }
}

@keyframes animate-svg-stroke-11-intimate-pc {
  0% {
    stroke-dashoffset: 9015.373046875px;
    stroke-dasharray: 9015.373046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 9015.373046875px;
  }
}

.svg-draw .svg-draw-5-pc-11 {
  -webkit-animation: animate-svg-stroke-11-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12-intimate-pc {
  0% {
    stroke-dashoffset: 1599.2701416015625px;
    stroke-dasharray: 1599.2701416015625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1599.2701416015625px;
  }
}

@keyframes animate-svg-stroke-12-intimate-pc {
  0% {
    stroke-dashoffset: 1599.2701416015625px;
    stroke-dasharray: 1599.2701416015625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1599.2701416015625px;
  }
}

@-webkit-keyframes animate-svg-fill-12-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

@keyframes animate-svg-fill-12-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

.svg-draw .svg-draw-5-pc-12 {
  -webkit-animation: animate-svg-stroke-12-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13-intimate-pc {
  0% {
    stroke-dashoffset: 274.24169921875px;
    stroke-dasharray: 274.24169921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 274.24169921875px;
  }
}

@keyframes animate-svg-stroke-13-intimate-pc {
  0% {
    stroke-dashoffset: 274.24169921875px;
    stroke-dasharray: 274.24169921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 274.24169921875px;
  }
}

@-webkit-keyframes animate-svg-fill-13-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

@keyframes animate-svg-fill-13-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

.svg-draw .svg-draw-5-pc-13 {
  -webkit-animation: animate-svg-stroke-13-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14-intimate-pc {
  0% {
    stroke-dashoffset: 5197.03564453125px;
    stroke-dasharray: 5197.03564453125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 5197.03564453125px;
  }
}

@keyframes animate-svg-stroke-14-intimate-pc {
  0% {
    stroke-dashoffset: 5197.03564453125px;
    stroke-dasharray: 5197.03564453125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 5197.03564453125px;
  }
}

@-webkit-keyframes animate-svg-fill-14-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

@keyframes animate-svg-fill-14-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(139, 161, 204);
  }
}

.svg-draw .svg-draw-5-pc-14 {
  -webkit-animation: animate-svg-stroke-14-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-14-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-14-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-14-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15-intimate-pc {
  0% {
    stroke-dashoffset: 1980.97998046875px;
    stroke-dasharray: 1980.97998046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1980.97998046875px;
  }
}

@keyframes animate-svg-stroke-15-intimate-pc {
  0% {
    stroke-dashoffset: 1980.97998046875px;
    stroke-dasharray: 1980.97998046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1980.97998046875px;
  }
}

@-webkit-keyframes animate-svg-fill-15-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-15-intimate-pc {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-draw .svg-draw-5-pc-15 {
  -webkit-animation: animate-svg-stroke-15-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-15-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-15-intimate-pc 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-15-intimate-pc 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}