/***************************************************
 prod 1 mobile
 **************************************************/

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

    @-webkit-keyframes animate-svg-stroke-1-medications-mobile {
        0% {
        stroke-dashoffset: 658.622802734375px;
        stroke-dasharray: 658.622802734375px;
        }
    
        100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 658.622802734375px;
        }
    }
    
    @keyframes animate-svg-stroke-1-medications-mobile {
        0% {
        stroke-dashoffset: 658.622802734375px;
        stroke-dasharray: 658.622802734375px;
        }
    
        100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 658.622802734375px;
        }
    }
    
    .svg-draw .svg-draw-prod-1-mobile-1 {
        -webkit-animation: animate-svg-stroke-1-medications-mobile 0.8s linear 0s both, animate-svg-fill-1-medications-mobile 0.8s linear 0s both;
                animation: animate-svg-stroke-1-medications-mobile 0.8s linear 0s both, animate-svg-fill-1-medications-mobile 0.8s linear 0s both;
    }
    
    @-webkit-keyframes animate-svg-stroke-2-medications-mobile {
        0% {
        stroke-dashoffset: 3818.466064453125px;
        stroke-dasharray: 3818.466064453125px;
        }
    
        100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 3818.466064453125px;
        }
    }
    
    @keyframes animate-svg-stroke-2-medications-mobile {
        0% {
        stroke-dashoffset: 3818.466064453125px;
        stroke-dasharray: 3818.466064453125px;
        }
    
        100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 3818.466064453125px;
        }
    }
    
    @-webkit-keyframes animate-svg-fill-2-medications-mobile {
        0% {
        fill: transparent;
        }
    
        100% {
        fill: rgb(250, 158, 134);
        }
    }
    
    @keyframes animate-svg-fill-2-medications-mobile {
        0% {
        fill: transparent;
        }
    
        100% {
        fill: rgb(250, 158, 134);
        }
    }
    
    .svg-draw .svg-draw-prod-1-mobile-2 {
        -webkit-animation: animate-svg-stroke-2-medications-mobile 0.8s linear 0.05s both,
                            animate-svg-fill-2-medications-mobile 0.8s linear 0.06s both;
                animation: animate-svg-stroke-2-medications-mobile 0.8s linear 0.05s both,
                    animate-svg-fill-2-medications-mobile 0.8s linear 0.06s both;
    }
    
    @-webkit-keyframes animate-svg-stroke-3-medications-mobile {
        0% {
        stroke-dashoffset: 1208.4298095703125px;
        stroke-dasharray: 1208.4298095703125px;
        }
    
        100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 1208.4298095703125px;
        }
    }
    
    @keyframes animate-svg-stroke-3-medications-mobile {
        0% {
        stroke-dashoffset: 1208.4298095703125px;
        stroke-dasharray: 1208.4298095703125px;
        }
    
        100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 1208.4298095703125px;
        }
    }
    
    @-webkit-keyframes animate-svg-fill-3-medications-mobile {
        0% {
        fill: transparent;
        }
    
        100% {
        fill: rgb(250, 158, 134);
        }
    }
    
    @keyframes animate-svg-fill-3-medications-mobile {
        0% {
        fill: transparent;
        }
    
        100% {
        fill: rgb(250, 158, 134);
        }
    }
    
    .svg-draw .svg-draw-prod-1-mobile-3 {
        -webkit-animation: animate-svg-stroke-3-medications-mobile 0.8s linear 0.1s both,
                            animate-svg-fill-3-medications-mobile 0.8s linear 0.12s both;
                animation: animate-svg-stroke-3-medications-mobile 0.8s linear 0.1s both,
                    animate-svg-fill-3-medications-mobile 0.8s linear 0.12s both;
    }
    
    /***************************************************
    * Generated by SVG Artista on 7/25/2025, 5:17:28 PM
    * MIT license (https://opensource.org/licenses/MIT)
    * W. https://svgartista.net
    **************************************************/

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

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

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

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

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

    100% {
        fill: rgb(251, 157, 136);
    }
    }

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

    100% {
        fill: rgb(251, 157, 136);
    }
    }

    .svg-draw-prod-1-mobile-1 {
    -webkit-animation: animate-svg-stroke-1 0.8s linear 0s both,
                        animate-svg-fill-1 0.8s linear 0.2s both;
            animation: animate-svg-stroke-1 0.8s linear 0s both,
                animate-svg-fill-1 0.8s linear 0.2s both;
    }

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

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

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

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

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

    100% {
        fill: rgb(251, 157, 136);
    }
    }

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

    100% {
        fill: rgb(251, 157, 136);
    }
    }

    .svg-draw-prod-1-mobile-2 {
    -webkit-animation: animate-svg-stroke-2 0.8s linear 0.05s both,
                        animate-svg-fill-2 0.8s linear 0.26s both;
            animation: animate-svg-stroke-2 0.8s linear 0.05s both,
                animate-svg-fill-2 0.8s linear 0.26s both;
    }

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

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

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

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

    .svg-draw-prod-1-mobile-3 {
    -webkit-animation: animate-svg-stroke-3 0.8s linear 0.1s both,
                        animate-svg-fill-3 0.8s linear 0.32s both;
            animation: animate-svg-stroke-3 0.8s linear 0.1s both,
                animate-svg-fill-3 0.8s linear 0.32s both;
    }

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

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

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

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

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

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

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

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

    .svg-draw-prod-1-mobile-4 {
    -webkit-animation: animate-svg-stroke-4 0.8s linear 0.15000000000000002s both,
                        animate-svg-fill-4 0.8s linear 0.38s both;
            animation: animate-svg-stroke-4 0.8s linear 0.15000000000000002s both,
                animate-svg-fill-4 0.8s linear 0.38s both;
    }

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

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

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

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

    .svg-draw-prod-1-mobile-5 {
    -webkit-animation: animate-svg-stroke-5 0.8s linear 0.2s both,
                        animate-svg-fill-5 0.8s linear 0.44s both;
            animation: animate-svg-stroke-5 0.8s linear 0.2s both,
                animate-svg-fill-5 0.8s linear 0.44s both;
    }

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

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

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

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

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

    100% {
        fill: rgb(251, 157, 136);
    }
    }

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

    100% {
        fill: rgb(251, 157, 136);
    }
    }

    .svg-draw-prod-1-mobile-6 {
    -webkit-animation: animate-svg-stroke-6 0.8s linear 0.25s both,
                        animate-svg-fill-6 0.8s linear 0.5s both;
            animation: animate-svg-stroke-6 0.8s linear 0.25s both,
                animate-svg-fill-6 0.8s linear 0.5s both;
    }

/***************************************************
 prod 1 pc
 **************************************************/
 .medications__hero .hero__image-pc svg:not(.svg-draw) {
    opacity: 0;
  }
 @-webkit-keyframes animate-svg-stroke-1-medications-pc {
    0% {
      stroke-dashoffset: 9221.052734375px;
      stroke-dasharray: 9221.052734375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 9221.052734375px;
    }
  }
  
  @keyframes animate-svg-stroke-1-medications-pc {
    0% {
      stroke-dashoffset: 9221.052734375px;
      stroke-dasharray: 9221.052734375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 9221.052734375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-1-medications-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-1-medications-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-prod-1-pc-1 {
    -webkit-animation: animate-svg-stroke-1-medications-pc 0.8s linear 0s both,
                         animate-svg-fill-1-medications-pc 0.8s linear 0.2s both;
            animation: animate-svg-stroke-1-medications-pc 0.8s linear 0s both,
                 animate-svg-fill-1-medications-pc 0.8s linear 0.2s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-2-medications-pc {
    0% {
      stroke-dashoffset: 2782.78173828125px;
      stroke-dasharray: 2782.78173828125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2782.78173828125px;
    }
  }
  
  @keyframes animate-svg-stroke-2-medications-pc {
    0% {
      stroke-dashoffset: 2782.78173828125px;
      stroke-dasharray: 2782.78173828125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2782.78173828125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-2-medications-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-2-medications-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-prod-1-pc-2 {
    -webkit-animation: animate-svg-stroke-2-medications-pc 0.8s linear 0.05s both,
                         animate-svg-fill-2-medications-pc 0.8s linear 0.26s both;
            animation: animate-svg-stroke-2-medications-pc 0.8s linear 0.05s both,
                 animate-svg-fill-2-medications-pc 0.8s linear 0.26s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-3-medications-pc {
    0% {
      stroke-dashoffset: 1426.3216552734375px;
      stroke-dasharray: 1426.3216552734375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1426.3216552734375px;
    }
  }
  
  @keyframes animate-svg-stroke-3-medications-pc {
    0% {
      stroke-dashoffset: 1426.3216552734375px;
      stroke-dasharray: 1426.3216552734375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1426.3216552734375px;
    }
  }
  
  .svg-draw .svg-draw-prod-1-pc-3 {
    -webkit-animation: animate-svg-stroke-3-medications-pc 0.8s linear 0.1s both,
                         animate-svg-fill-3-medications-pc 0.8s linear 0.32s both;
            animation: animate-svg-stroke-3-medications-pc 0.8s linear 0.1s both,
                 animate-svg-fill-3-medications-pc 0.8s linear 0.32s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-4-medications-pc {
    0% {
      stroke-dashoffset: 2108px;
      stroke-dasharray: 2108px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2108px;
    }
  }
  
  @keyframes animate-svg-stroke-4-medications-pc {
    0% {
      stroke-dashoffset: 2108px;
      stroke-dasharray: 2108px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2108px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-4-medications-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(217, 217, 217);
    }
  }
  
  @keyframes animate-svg-fill-4-medications-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(217, 217, 217);
    }
  }
  
  .svg-draw .svg-draw-prod-1-pc-4 {
    -webkit-animation: animate-svg-stroke-4-medications-pc 0.8s linear 0.15000000000000002s both,
                         animate-svg-fill-4-medications-pc 0.8s linear 0.38s both;
            animation: animate-svg-stroke-4-medications-pc 0.8s linear 0.15000000000000002s both,
                 animate-svg-fill-4-medications-pc 0.8s linear 0.38s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-5-medications-pc {
    0% {
      stroke-dashoffset: 1691.9820556640625px;
      stroke-dasharray: 1691.9820556640625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1691.9820556640625px;
    }
  }
  
  @keyframes animate-svg-stroke-5-medications-pc {
    0% {
      stroke-dashoffset: 1691.9820556640625px;
      stroke-dasharray: 1691.9820556640625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1691.9820556640625px;
    }
  }
  
  .svg-draw .svg-draw-prod-1-pc-5 {
    -webkit-animation: animate-svg-stroke-5-medications-pc 0.8s linear 0.2s both,
                         animate-svg-fill-5-medications-pc 0.8s linear 0.44s both;
            animation: animate-svg-stroke-5-medications-pc 0.8s linear 0.2s both,
                 animate-svg-fill-5-medications-pc 0.8s linear 0.44s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-6-medications-pc {
    0% {
      stroke-dashoffset: 1013.5928344559134px;
      stroke-dasharray: 1013.5928344559134px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1013.5928344559134px;
    }
  }
  
  @keyframes animate-svg-stroke-6-medications-pc {
    0% {
      stroke-dashoffset: 1013.5928344559134px;
      stroke-dasharray: 1013.5928344559134px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1013.5928344559134px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-6-medications-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  @keyframes animate-svg-fill-6-medications-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(251, 157, 136);
    }
  }
  
  .svg-draw .svg-draw-prod-1-pc-6 {
    -webkit-animation: animate-svg-stroke-6-medications-pc 0.8s linear 0.25s both,
                         animate-svg-fill-6-medications-pc 0.8s linear 0.5s both;
            animation: animate-svg-stroke-6-medications-pc 0.8s linear 0.25s both,
                 animate-svg-fill-6-medications-pc 0.8s linear 0.5s both;
  }
  
/***************************************************
 prod 2 pc
 **************************************************/

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

  @-webkit-keyframes animate-svg-stroke-1-prod-2-pc {
    0% {
      stroke-dashoffset: 1738.743408203125px;
      stroke-dasharray: 1738.743408203125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1738.743408203125px;
    }
  }
  
  @keyframes animate-svg-stroke-1-prod-2-pc {
    0% {
      stroke-dashoffset: 1738.743408203125px;
      stroke-dasharray: 1738.743408203125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1738.743408203125px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-1 {
    -webkit-animation: animate-svg-stroke-1-prod-2-pc 0.8s linear 0s both,
                         animate-svg-fill-1-prod-2-pc 0.8s linear 0.2s both;
            animation: animate-svg-stroke-1-prod-2-pc 0.8s linear 0s both,
                 animate-svg-fill-1-prod-2-pc 0.8s linear 0.2s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-2-prod-2-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1010.4512418023236px;
    }
  }
  
  @keyframes animate-svg-stroke-2-prod-2-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1010.4512418023236px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-2-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-2-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-2 {
    -webkit-animation: animate-svg-stroke-2-prod-2-pc 0.8s linear 0.05s both,
                         animate-svg-fill-2-prod-2-pc 0.8s linear 0.21000000000000002s both;
            animation: animate-svg-stroke-2-prod-2-pc 0.8s linear 0.05s both,
                 animate-svg-fill-2-prod-2-pc 0.8s linear 0.21000000000000002s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-3-prod-2-pc {
    0% {
      stroke-dashoffset: 48.2583122253418px;
      stroke-dasharray: 48.2583122253418px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 48.2583122253418px;
    }
  }
  
  @keyframes animate-svg-stroke-3-prod-2-pc {
    0% {
      stroke-dashoffset: 48.2583122253418px;
      stroke-dasharray: 48.2583122253418px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 48.2583122253418px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-3-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-3-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-3 {
    -webkit-animation: animate-svg-stroke-3-prod-2-pc 0.8s linear 0.1s both,
                         animate-svg-fill-3-prod-2-pc 0.8s linear 0.22s both;
            animation: animate-svg-stroke-3-prod-2-pc 0.8s linear 0.1s both,
                 animate-svg-fill-3-prod-2-pc 0.8s linear 0.22s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-4-prod-2-pc {
    0% {
      stroke-dashoffset: 45.16835021972656px;
      stroke-dasharray: 45.16835021972656px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 45.16835021972656px;
    }
  }
  
  @keyframes animate-svg-stroke-4-prod-2-pc {
    0% {
      stroke-dashoffset: 45.16835021972656px;
      stroke-dasharray: 45.16835021972656px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 45.16835021972656px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-4-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-4-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-4 {
    -webkit-animation: animate-svg-stroke-4-prod-2-pc 0.8s linear 0.15000000000000002s both,
                         animate-svg-fill-4-prod-2-pc 0.8s linear 0.23s both;
            animation: animate-svg-stroke-4-prod-2-pc 0.8s linear 0.15000000000000002s both,
                 animate-svg-fill-4-prod-2-pc 0.8s linear 0.23s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-5-prod-2-pc {
    0% {
      stroke-dashoffset: 45.16835021972656px;
      stroke-dasharray: 45.16835021972656px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 45.16835021972656px;
    }
  }
  
  @keyframes animate-svg-stroke-5-prod-2-pc {
    0% {
      stroke-dashoffset: 45.16835021972656px;
      stroke-dasharray: 45.16835021972656px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 45.16835021972656px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-5 {
    -webkit-animation: animate-svg-stroke-5-prod-2-pc 0.8s linear 0.2s both,
                         animate-svg-fill-5-prod-2-pc 0.8s linear 0.24000000000000002s both;
            animation: animate-svg-stroke-5-prod-2-pc 0.8s linear 0.2s both,
                 animate-svg-fill-5-prod-2-pc 0.8s linear 0.24000000000000002s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-6-prod-2-pc {
    0% {
      stroke-dashoffset: 67.01811981201172px;
      stroke-dasharray: 67.01811981201172px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 67.01811981201172px;
    }
  }
  
  @keyframes animate-svg-stroke-6-prod-2-pc {
    0% {
      stroke-dashoffset: 67.01811981201172px;
      stroke-dasharray: 67.01811981201172px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 67.01811981201172px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-6-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-6-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-6 {
    -webkit-animation: animate-svg-stroke-6-prod-2-pc 0.8s linear 0.25s both,
                         animate-svg-fill-6-prod-2-pc 0.8s linear 0.25s both;
            animation: animate-svg-stroke-6-prod-2-pc 0.8s linear 0.25s both,
                 animate-svg-fill-6-prod-2-pc 0.8s linear 0.25s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-7-prod-2-pc {
    0% {
      stroke-dashoffset: 67.01811981201172px;
      stroke-dasharray: 67.01811981201172px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 67.01811981201172px;
    }
  }
  
  @keyframes animate-svg-stroke-7-prod-2-pc {
    0% {
      stroke-dashoffset: 67.01811981201172px;
      stroke-dasharray: 67.01811981201172px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 67.01811981201172px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-7 {
    -webkit-animation: animate-svg-stroke-7-prod-2-pc 0.8s linear 0.30000000000000004s both,
                         animate-svg-fill-7-prod-2-pc 0.8s linear 0.26s both;
            animation: animate-svg-stroke-7-prod-2-pc 0.8s linear 0.30000000000000004s both,
                 animate-svg-fill-7-prod-2-pc 0.8s linear 0.26s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-8-prod-2-pc {
    0% {
      stroke-dashoffset: 121.85147094726562px;
      stroke-dasharray: 121.85147094726562px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 121.85147094726562px;
    }
  }
  
  @keyframes animate-svg-stroke-8-prod-2-pc {
    0% {
      stroke-dashoffset: 121.85147094726562px;
      stroke-dasharray: 121.85147094726562px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 121.85147094726562px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-8-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-8-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-8 {
    -webkit-animation: animate-svg-stroke-8-prod-2-pc 0.8s linear 0.35000000000000003s both,
                         animate-svg-fill-8-prod-2-pc 0.8s linear 0.27s both;
            animation: animate-svg-stroke-8-prod-2-pc 0.8s linear 0.35000000000000003s both,
                 animate-svg-fill-8-prod-2-pc 0.8s linear 0.27s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-9-prod-2-pc {
    0% {
      stroke-dashoffset: 90.94274139404297px;
      stroke-dasharray: 90.94274139404297px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 90.94274139404297px;
    }
  }
  
  @keyframes animate-svg-stroke-9-prod-2-pc {
    0% {
      stroke-dashoffset: 90.94274139404297px;
      stroke-dasharray: 90.94274139404297px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 90.94274139404297px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-9-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-9-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-9 {
    -webkit-animation: animate-svg-stroke-9-prod-2-pc 0.8s linear 0.4s both,
                         animate-svg-fill-9-prod-2-pc 0.8s linear 0.28s both;
            animation: animate-svg-stroke-9-prod-2-pc 0.8s linear 0.4s both,
                 animate-svg-fill-9-prod-2-pc 0.8s linear 0.28s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-10-prod-2-pc {
    0% {
      stroke-dashoffset: 90.94274139404297px;
      stroke-dasharray: 90.94274139404297px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 90.94274139404297px;
    }
  }
  
  @keyframes animate-svg-stroke-10-prod-2-pc {
    0% {
      stroke-dashoffset: 90.94274139404297px;
      stroke-dasharray: 90.94274139404297px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 90.94274139404297px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-10 {
    -webkit-animation: animate-svg-stroke-10-prod-2-pc 0.8s linear 0.45s both,
                         animate-svg-fill-10-prod-2-pc 0.8s linear 0.29000000000000004s both;
            animation: animate-svg-stroke-10-prod-2-pc 0.8s linear 0.45s both,
                 animate-svg-fill-10-prod-2-pc 0.8s linear 0.29000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-11-prod-2-pc {
    0% {
      stroke-dashoffset: 102.98432159423828px;
      stroke-dasharray: 102.98432159423828px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 102.98432159423828px;
    }
  }
  
  @keyframes animate-svg-stroke-11-prod-2-pc {
    0% {
      stroke-dashoffset: 102.98432159423828px;
      stroke-dasharray: 102.98432159423828px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 102.98432159423828px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-11-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-11-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-11 {
    -webkit-animation: animate-svg-stroke-11-prod-2-pc 0.8s linear 0.5s both,
                         animate-svg-fill-11-prod-2-pc 0.8s linear 0.30000000000000004s both;
            animation: animate-svg-stroke-11-prod-2-pc 0.8s linear 0.5s both,
                 animate-svg-fill-11-prod-2-pc 0.8s linear 0.30000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-12-prod-2-pc {
    0% {
      stroke-dashoffset: 219.65554809570312px;
      stroke-dasharray: 219.65554809570312px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 219.65554809570312px;
    }
  }
  
  @keyframes animate-svg-stroke-12-prod-2-pc {
    0% {
      stroke-dashoffset: 219.65554809570312px;
      stroke-dasharray: 219.65554809570312px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 219.65554809570312px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-12-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-12-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-12 {
    -webkit-animation: animate-svg-stroke-12-prod-2-pc 0.8s linear 0.55s both,
                         animate-svg-fill-12-prod-2-pc 0.8s linear 0.31s both;
            animation: animate-svg-stroke-12-prod-2-pc 0.8s linear 0.55s both,
                 animate-svg-fill-12-prod-2-pc 0.8s linear 0.31s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-13-prod-2-pc {
    0% {
      stroke-dashoffset: 178.552490234375px;
      stroke-dasharray: 178.552490234375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 178.552490234375px;
    }
  }
  
  @keyframes animate-svg-stroke-13-prod-2-pc {
    0% {
      stroke-dashoffset: 178.552490234375px;
      stroke-dasharray: 178.552490234375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 178.552490234375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-13-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-13-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-13 {
    -webkit-animation: animate-svg-stroke-13-prod-2-pc 0.8s linear 0.6000000000000001s both,
                         animate-svg-fill-13-prod-2-pc 0.8s linear 0.32s both;
            animation: animate-svg-stroke-13-prod-2-pc 0.8s linear 0.6000000000000001s both,
                 animate-svg-fill-13-prod-2-pc 0.8s linear 0.32s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-14-prod-2-pc {
    0% {
      stroke-dashoffset: 187.09710693359375px;
      stroke-dasharray: 187.09710693359375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 187.09710693359375px;
    }
  }
  
  @keyframes animate-svg-stroke-14-prod-2-pc {
    0% {
      stroke-dashoffset: 187.09710693359375px;
      stroke-dasharray: 187.09710693359375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 187.09710693359375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-14-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-14-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-14 {
    -webkit-animation: animate-svg-stroke-14-prod-2-pc 0.8s linear 0.65s both,
                         animate-svg-fill-14-prod-2-pc 0.8s linear 0.33s both;
            animation: animate-svg-stroke-14-prod-2-pc 0.8s linear 0.65s both,
                 animate-svg-fill-14-prod-2-pc 0.8s linear 0.33s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-15-prod-2-pc {
    0% {
      stroke-dashoffset: 352.9753112792969px;
      stroke-dasharray: 352.9753112792969px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 352.9753112792969px;
    }
  }
  
  @keyframes animate-svg-stroke-15-prod-2-pc {
    0% {
      stroke-dashoffset: 352.9753112792969px;
      stroke-dasharray: 352.9753112792969px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 352.9753112792969px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-15-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-15-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-15 {
    -webkit-animation: animate-svg-stroke-15-prod-2-pc 0.8s linear 0.7000000000000001s both,
                         animate-svg-fill-15-prod-2-pc 0.8s linear 0.34s both;
            animation: animate-svg-stroke-15-prod-2-pc 0.8s linear 0.7000000000000001s both,
                 animate-svg-fill-15-prod-2-pc 0.8s linear 0.34s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-16-prod-2-pc {
    0% {
      stroke-dashoffset: 393.73187255859375px;
      stroke-dasharray: 393.73187255859375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 393.73187255859375px;
    }
  }
  
  @keyframes animate-svg-stroke-16-prod-2-pc {
    0% {
      stroke-dashoffset: 393.73187255859375px;
      stroke-dasharray: 393.73187255859375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 393.73187255859375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-16-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-16-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-16 {
    -webkit-animation: animate-svg-stroke-16-prod-2-pc 0.8s linear 0.75s both,
                         animate-svg-fill-16-prod-2-pc 0.8s linear 0.35s both;
            animation: animate-svg-stroke-16-prod-2-pc 0.8s linear 0.75s both,
                 animate-svg-fill-16-prod-2-pc 0.8s linear 0.35s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-17-prod-2-pc {
    0% {
      stroke-dashoffset: 280.8037109375px;
      stroke-dasharray: 280.8037109375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 280.8037109375px;
    }
  }
  
  @keyframes animate-svg-stroke-17-prod-2-pc {
    0% {
      stroke-dashoffset: 280.8037109375px;
      stroke-dasharray: 280.8037109375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 280.8037109375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-17-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-17-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-17 {
    -webkit-animation: animate-svg-stroke-17-prod-2-pc 0.8s linear 0.8s both,
                         animate-svg-fill-17-prod-2-pc 0.8s linear 0.36s both;
            animation: animate-svg-stroke-17-prod-2-pc 0.8s linear 0.8s both,
                 animate-svg-fill-17-prod-2-pc 0.8s linear 0.36s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-18-prod-2-pc {
    0% {
      stroke-dashoffset: 789.0048217773438px;
      stroke-dasharray: 789.0048217773438px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 789.0048217773438px;
    }
  }
  
  @keyframes animate-svg-stroke-18-prod-2-pc {
    0% {
      stroke-dashoffset: 789.0048217773438px;
      stroke-dasharray: 789.0048217773438px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 789.0048217773438px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-18-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-18-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-18 {
    -webkit-animation: animate-svg-stroke-18-prod-2-pc 0.8s linear 0.8500000000000001s both,
                         animate-svg-fill-18-prod-2-pc 0.8s linear 0.37s both;
            animation: animate-svg-stroke-18-prod-2-pc 0.8s linear 0.8500000000000001s both,
                 animate-svg-fill-18-prod-2-pc 0.8s linear 0.37s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-19-prod-2-pc {
    0% {
      stroke-dashoffset: 1200.0078125px;
      stroke-dasharray: 1200.0078125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1200.0078125px;
    }
  }
  
  @keyframes animate-svg-stroke-19-prod-2-pc {
    0% {
      stroke-dashoffset: 1200.0078125px;
      stroke-dasharray: 1200.0078125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1200.0078125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-19-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-19-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-19 {
    -webkit-animation: animate-svg-stroke-19-prod-2-pc 0.8s linear 0.9s both,
                         animate-svg-fill-19-prod-2-pc 0.8s linear 0.38s both;
            animation: animate-svg-stroke-19-prod-2-pc 0.8s linear 0.9s both,
                 animate-svg-fill-19-prod-2-pc 0.8s linear 0.38s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-20-prod-2-pc {
    0% {
      stroke-dashoffset: 1361.0743408203125px;
      stroke-dasharray: 1361.0743408203125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1361.0743408203125px;
    }
  }
  
  @keyframes animate-svg-stroke-20-prod-2-pc {
    0% {
      stroke-dashoffset: 1361.0743408203125px;
      stroke-dasharray: 1361.0743408203125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1361.0743408203125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-20-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-20-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-20 {
    -webkit-animation: animate-svg-stroke-20-prod-2-pc 0.8s linear 0.9500000000000001s both,
                         animate-svg-fill-20-prod-2-pc 0.8s linear 0.39s both;
            animation: animate-svg-stroke-20-prod-2-pc 0.8s linear 0.9500000000000001s both,
                 animate-svg-fill-20-prod-2-pc 0.8s linear 0.39s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-21-prod-2-pc {
    0% {
      stroke-dashoffset: 501.2398681640625px;
      stroke-dasharray: 501.2398681640625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 501.2398681640625px;
    }
  }
  
  @keyframes animate-svg-stroke-21-prod-2-pc {
    0% {
      stroke-dashoffset: 501.2398681640625px;
      stroke-dasharray: 501.2398681640625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 501.2398681640625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-21-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-21-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-21 {
    -webkit-animation: animate-svg-stroke-21-prod-2-pc 0.8s linear 1s both,
                         animate-svg-fill-21-prod-2-pc 0.8s linear 0.4s both;
            animation: animate-svg-stroke-21-prod-2-pc 0.8s linear 1s both,
                 animate-svg-fill-21-prod-2-pc 0.8s linear 0.4s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-22-prod-2-pc {
    0% {
      stroke-dashoffset: 1262.963623046875px;
      stroke-dasharray: 1262.963623046875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1262.963623046875px;
    }
  }
  
  @keyframes animate-svg-stroke-22-prod-2-pc {
    0% {
      stroke-dashoffset: 1262.963623046875px;
      stroke-dasharray: 1262.963623046875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1262.963623046875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-22-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-22-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-22 {
    -webkit-animation: animate-svg-stroke-22-prod-2-pc 0.8s linear 1.05s both,
                         animate-svg-fill-22-prod-2-pc 0.8s linear 0.41000000000000003s both;
            animation: animate-svg-stroke-22-prod-2-pc 0.8s linear 1.05s both,
                 animate-svg-fill-22-prod-2-pc 0.8s linear 0.41000000000000003s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-23-prod-2-pc {
    0% {
      stroke-dashoffset: 1262.9637451171875px;
      stroke-dasharray: 1262.9637451171875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1262.9637451171875px;
    }
  }
  
  @keyframes animate-svg-stroke-23-prod-2-pc {
    0% {
      stroke-dashoffset: 1262.9637451171875px;
      stroke-dasharray: 1262.9637451171875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1262.9637451171875px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-23 {
    -webkit-animation: animate-svg-stroke-23-prod-2-pc 0.8s linear 1.1s both,
                         animate-svg-fill-23-prod-2-pc 0.8s linear 0.42000000000000004s both;
            animation: animate-svg-stroke-23-prod-2-pc 0.8s linear 1.1s both,
                 animate-svg-fill-23-prod-2-pc 0.8s linear 0.42000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-24-prod-2-pc {
    0% {
      stroke-dashoffset: 1548.6236572265625px;
      stroke-dasharray: 1548.6236572265625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1548.6236572265625px;
    }
  }
  
  @keyframes animate-svg-stroke-24-prod-2-pc {
    0% {
      stroke-dashoffset: 1548.6236572265625px;
      stroke-dasharray: 1548.6236572265625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1548.6236572265625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-24-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-24-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-24 {
    -webkit-animation: animate-svg-stroke-24-prod-2-pc 0.8s linear 1.1500000000000001s both,
                         animate-svg-fill-24-prod-2-pc 0.8s linear 0.43000000000000005s both;
            animation: animate-svg-stroke-24-prod-2-pc 0.8s linear 1.1500000000000001s both,
                 animate-svg-fill-24-prod-2-pc 0.8s linear 0.43000000000000005s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-25-prod-2-pc {
    0% {
      stroke-dashoffset: 1835.2337646484375px;
      stroke-dasharray: 1835.2337646484375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1835.2337646484375px;
    }
  }
  
  @keyframes animate-svg-stroke-25-prod-2-pc {
    0% {
      stroke-dashoffset: 1835.2337646484375px;
      stroke-dasharray: 1835.2337646484375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1835.2337646484375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-25-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-25-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-25 {
    -webkit-animation: animate-svg-stroke-25-prod-2-pc 0.8s linear 1.2000000000000002s both,
                         animate-svg-fill-25-prod-2-pc 0.8s linear 0.44s both;
            animation: animate-svg-stroke-25-prod-2-pc 0.8s linear 1.2000000000000002s both,
                 animate-svg-fill-25-prod-2-pc 0.8s linear 0.44s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-26-prod-2-pc {
    0% {
      stroke-dashoffset: 3090.353271484375px;
      stroke-dasharray: 3090.353271484375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 3090.353271484375px;
    }
  }
  
  @keyframes animate-svg-stroke-26-prod-2-pc {
    0% {
      stroke-dashoffset: 3090.353271484375px;
      stroke-dasharray: 3090.353271484375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 3090.353271484375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-26-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-26-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-26 {
    -webkit-animation: animate-svg-stroke-26-prod-2-pc 0.8s linear 1.25s both,
                         animate-svg-fill-26-prod-2-pc 0.8s linear 0.45s both;
            animation: animate-svg-stroke-26-prod-2-pc 0.8s linear 1.25s both,
                 animate-svg-fill-26-prod-2-pc 0.8s linear 0.45s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-27-prod-2-pc {
    0% {
      stroke-dashoffset: 1156.814208984375px;
      stroke-dasharray: 1156.814208984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1156.814208984375px;
    }
  }
  
  @keyframes animate-svg-stroke-27-prod-2-pc {
    0% {
      stroke-dashoffset: 1156.814208984375px;
      stroke-dasharray: 1156.814208984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1156.814208984375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-27-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-27-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-27 {
    -webkit-animation: animate-svg-stroke-27-prod-2-pc 0.8s linear 1.3s both,
                         animate-svg-fill-27-prod-2-pc 0.8s linear 0.46s both;
            animation: animate-svg-stroke-27-prod-2-pc 0.8s linear 1.3s both,
                 animate-svg-fill-27-prod-2-pc 0.8s linear 0.46s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-28-prod-2-pc {
    0% {
      stroke-dashoffset: 2189.879638671875px;
      stroke-dasharray: 2189.879638671875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2189.879638671875px;
    }
  }
  
  @keyframes animate-svg-stroke-28-prod-2-pc {
    0% {
      stroke-dashoffset: 2189.879638671875px;
      stroke-dasharray: 2189.879638671875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2189.879638671875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-28-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-28-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-28 {
    -webkit-animation: animate-svg-stroke-28-prod-2-pc 0.8s linear 1.35s both,
                         animate-svg-fill-28-prod-2-pc 0.8s linear 0.47000000000000003s both;
            animation: animate-svg-stroke-28-prod-2-pc 0.8s linear 1.35s both,
                 animate-svg-fill-28-prod-2-pc 0.8s linear 0.47000000000000003s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-29-prod-2-pc {
    0% {
      stroke-dashoffset: 2245.043212890625px;
      stroke-dasharray: 2245.043212890625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2245.043212890625px;
    }
  }
  
  @keyframes animate-svg-stroke-29-prod-2-pc {
    0% {
      stroke-dashoffset: 2245.043212890625px;
      stroke-dasharray: 2245.043212890625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2245.043212890625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-29-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-29-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-29 {
    -webkit-animation: animate-svg-stroke-29-prod-2-pc 0.8s linear 1.4000000000000001s both,
                         animate-svg-fill-29-prod-2-pc 0.8s linear 0.48000000000000004s both;
            animation: animate-svg-stroke-29-prod-2-pc 0.8s linear 1.4000000000000001s both,
                 animate-svg-fill-29-prod-2-pc 0.8s linear 0.48000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-30-prod-2-pc {
    0% {
      stroke-dashoffset: 1443.1998291015625px;
      stroke-dasharray: 1443.1998291015625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1443.1998291015625px;
    }
  }
  
  @keyframes animate-svg-stroke-30-prod-2-pc {
    0% {
      stroke-dashoffset: 1443.1998291015625px;
      stroke-dasharray: 1443.1998291015625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1443.1998291015625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-30-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-30-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-30 {
    -webkit-animation: animate-svg-stroke-30-prod-2-pc 0.8s linear 1.4500000000000002s both,
                         animate-svg-fill-30-prod-2-pc 0.8s linear 0.49s both;
            animation: animate-svg-stroke-30-prod-2-pc 0.8s linear 1.4500000000000002s both,
                 animate-svg-fill-30-prod-2-pc 0.8s linear 0.49s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-31-prod-2-pc {
    0% {
      stroke-dashoffset: 15211.6416015625px;
      stroke-dasharray: 15211.6416015625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 15211.6416015625px;
    }
  }
  
  @keyframes animate-svg-stroke-31-prod-2-pc {
    0% {
      stroke-dashoffset: 15211.6416015625px;
      stroke-dasharray: 15211.6416015625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 15211.6416015625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-31-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-31-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-31 {
    -webkit-animation: animate-svg-stroke-31-prod-2-pc 0.8s linear 1.5s both,
                         animate-svg-fill-31-prod-2-pc 0.8s linear 0.5s both;
            animation: animate-svg-stroke-31-prod-2-pc 0.8s linear 1.5s both,
                 animate-svg-fill-31-prod-2-pc 0.8s linear 0.5s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-32-prod-2-pc {
    0% {
      stroke-dashoffset: 54.30901336669922px;
      stroke-dasharray: 54.30901336669922px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 54.30901336669922px;
    }
  }
  
  @keyframes animate-svg-stroke-32-prod-2-pc {
    0% {
      stroke-dashoffset: 54.30901336669922px;
      stroke-dasharray: 54.30901336669922px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 54.30901336669922px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-32-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-32-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-32 {
    -webkit-animation: animate-svg-stroke-32-prod-2-pc 0.8s linear 1.55s both,
                         animate-svg-fill-32-prod-2-pc 0.8s linear 0.51s both;
            animation: animate-svg-stroke-32-prod-2-pc 0.8s linear 1.55s both,
                 animate-svg-fill-32-prod-2-pc 0.8s linear 0.51s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-33-prod-2-pc {
    0% {
      stroke-dashoffset: 91.29208374023438px;
      stroke-dasharray: 91.29208374023438px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 91.29208374023438px;
    }
  }
  
  @keyframes animate-svg-stroke-33-prod-2-pc {
    0% {
      stroke-dashoffset: 91.29208374023438px;
      stroke-dasharray: 91.29208374023438px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 91.29208374023438px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-33-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-33-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-33 {
    -webkit-animation: animate-svg-stroke-33-prod-2-pc 0.8s linear 1.6s both,
                         animate-svg-fill-33-prod-2-pc 0.8s linear 0.52s both;
            animation: animate-svg-stroke-33-prod-2-pc 0.8s linear 1.6s both,
                 animate-svg-fill-33-prod-2-pc 0.8s linear 0.52s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-34-prod-2-pc {
    0% {
      stroke-dashoffset: 91.29208374023438px;
      stroke-dasharray: 91.29208374023438px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 91.29208374023438px;
    }
  }
  
  @keyframes animate-svg-stroke-34-prod-2-pc {
    0% {
      stroke-dashoffset: 91.29208374023438px;
      stroke-dasharray: 91.29208374023438px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 91.29208374023438px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-34 {
    -webkit-animation: animate-svg-stroke-34-prod-2-pc 0.8s linear 1.6500000000000001s both,
                         animate-svg-fill-34-prod-2-pc 0.8s linear 0.53s both;
            animation: animate-svg-stroke-34-prod-2-pc 0.8s linear 1.6500000000000001s both,
                 animate-svg-fill-34-prod-2-pc 0.8s linear 0.53s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-35-prod-2-pc {
    0% {
      stroke-dashoffset: 127.33177947998047px;
      stroke-dasharray: 127.33177947998047px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 127.33177947998047px;
    }
  }
  
  @keyframes animate-svg-stroke-35-prod-2-pc {
    0% {
      stroke-dashoffset: 127.33177947998047px;
      stroke-dasharray: 127.33177947998047px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 127.33177947998047px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-35-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-35-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-35 {
    -webkit-animation: animate-svg-stroke-35-prod-2-pc 0.8s linear 1.7000000000000002s both,
                         animate-svg-fill-35-prod-2-pc 0.8s linear 0.54s both;
            animation: animate-svg-stroke-35-prod-2-pc 0.8s linear 1.7000000000000002s both,
                 animate-svg-fill-35-prod-2-pc 0.8s linear 0.54s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-36-prod-2-pc {
    0% {
      stroke-dashoffset: 227.5946807861328px;
      stroke-dasharray: 227.5946807861328px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 227.5946807861328px;
    }
  }
  
  @keyframes animate-svg-stroke-36-prod-2-pc {
    0% {
      stroke-dashoffset: 227.5946807861328px;
      stroke-dasharray: 227.5946807861328px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 227.5946807861328px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-36-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-36-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-36 {
    -webkit-animation: animate-svg-stroke-36-prod-2-pc 0.8s linear 1.75s both,
                         animate-svg-fill-36-prod-2-pc 0.8s linear 0.55s both;
            animation: animate-svg-stroke-36-prod-2-pc 0.8s linear 1.75s both,
                 animate-svg-fill-36-prod-2-pc 0.8s linear 0.55s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-37-prod-2-pc {
    0% {
      stroke-dashoffset: 477.68243408203125px;
      stroke-dasharray: 477.68243408203125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 477.68243408203125px;
    }
  }
  
  @keyframes animate-svg-stroke-37-prod-2-pc {
    0% {
      stroke-dashoffset: 477.68243408203125px;
      stroke-dasharray: 477.68243408203125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 477.68243408203125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-37-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-37-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-37 {
    -webkit-animation: animate-svg-stroke-37-prod-2-pc 0.8s linear 1.8s both,
                         animate-svg-fill-37-prod-2-pc 0.8s linear 0.56s both;
            animation: animate-svg-stroke-37-prod-2-pc 0.8s linear 1.8s both,
                 animate-svg-fill-37-prod-2-pc 0.8s linear 0.56s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-38-prod-2-pc {
    0% {
      stroke-dashoffset: 5486.86669921875px;
      stroke-dasharray: 5486.86669921875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 5486.86669921875px;
    }
  }
  
  @keyframes animate-svg-stroke-38-prod-2-pc {
    0% {
      stroke-dashoffset: 5486.86669921875px;
      stroke-dasharray: 5486.86669921875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 5486.86669921875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-38-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-38-prod-2-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-pc-38 {
    -webkit-animation: animate-svg-stroke-38-prod-2-pc 0.8s linear 1.85s both,
                         animate-svg-fill-38-prod-2-pc 0.8s linear 0.5700000000000001s both;
            animation: animate-svg-stroke-38-prod-2-pc 0.8s linear 1.85s both,
                 animate-svg-fill-38-prod-2-pc 0.8s linear 0.5700000000000001s both;
  }
  
/***************************************************
 prod 3 pc
 **************************************************/

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

 @-webkit-keyframes animate-svg-stroke-1-prod-3-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1010.4512418023236px;
    }
  }
  
  @keyframes animate-svg-stroke-1-prod-3-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1010.4512418023236px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-1-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-1-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-1 {
    -webkit-animation: animate-svg-stroke-1-prod-3-pc 0.8s linear 0s both,
                         animate-svg-fill-1-prod-3-pc 0.8s linear 0.2s both;
            animation: animate-svg-stroke-1-prod-3-pc 0.8s linear 0s both,
                 animate-svg-fill-1-prod-3-pc 0.8s linear 0.2s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-2-prod-3-pc {
    0% {
      stroke-dashoffset: 1723.9267578125px;
      stroke-dasharray: 1723.9267578125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1723.9267578125px;
    }
  }
  
  @keyframes animate-svg-stroke-2-prod-3-pc {
    0% {
      stroke-dashoffset: 1723.9267578125px;
      stroke-dasharray: 1723.9267578125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1723.9267578125px;
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-2 {
    -webkit-animation: animate-svg-stroke-2-prod-3-pc 0.8s linear 0.05s both,
                         animate-svg-fill-2-prod-3-pc 0.8s linear 0.21000000000000002s both;
            animation: animate-svg-stroke-2-prod-3-pc 0.8s linear 0.05s both,
                 animate-svg-fill-2-prod-3-pc 0.8s linear 0.21000000000000002s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-3-prod-3-pc {
    0% {
      stroke-dashoffset: 1425.03955078125px;
      stroke-dasharray: 1425.03955078125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1425.03955078125px;
    }
  }
  
  @keyframes animate-svg-stroke-3-prod-3-pc {
    0% {
      stroke-dashoffset: 1425.03955078125px;
      stroke-dasharray: 1425.03955078125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1425.03955078125px;
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-3 {
    -webkit-animation: animate-svg-stroke-3-prod-3-pc 0.8s linear 0.1s both,
                         animate-svg-fill-3-prod-3-pc 0.8s linear 0.22s both;
            animation: animate-svg-stroke-3-prod-3-pc 0.8s linear 0.1s both,
                 animate-svg-fill-3-prod-3-pc 0.8s linear 0.22s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-4-prod-3-pc {
    0% {
      stroke-dashoffset: 6249.673828125px;
      stroke-dasharray: 6249.673828125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 6249.673828125px;
    }
  }
  
  @keyframes animate-svg-stroke-4-prod-3-pc {
    0% {
      stroke-dashoffset: 6249.673828125px;
      stroke-dasharray: 6249.673828125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 6249.673828125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-4-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-4-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-4 {
    -webkit-animation: animate-svg-stroke-4-prod-3-pc 0.8s linear 0.15000000000000002s both,
                         animate-svg-fill-4-prod-3-pc 0.8s linear 0.23s both;
            animation: animate-svg-stroke-4-prod-3-pc 0.8s linear 0.15000000000000002s both,
                 animate-svg-fill-4-prod-3-pc 0.8s linear 0.23s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-5-prod-3-pc {
    0% {
      stroke-dashoffset: 6754.08251953125px;
      stroke-dasharray: 6754.08251953125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 6754.08251953125px;
    }
  }
  
  @keyframes animate-svg-stroke-5-prod-3-pc {
    0% {
      stroke-dashoffset: 6754.08251953125px;
      stroke-dasharray: 6754.08251953125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 6754.08251953125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-5-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-5-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-5 {
    -webkit-animation: animate-svg-stroke-5-prod-3-pc 0.8s linear 0.2s both,
                         animate-svg-fill-5-prod-3-pc 0.8s linear 0.24000000000000002s both;
            animation: animate-svg-stroke-5-prod-3-pc 0.8s linear 0.2s both,
                 animate-svg-fill-5-prod-3-pc 0.8s linear 0.24000000000000002s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-6-prod-3-pc {
    0% {
      stroke-dashoffset: 264.27508544921875px;
      stroke-dasharray: 264.27508544921875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 264.27508544921875px;
    }
  }
  
  @keyframes animate-svg-stroke-6-prod-3-pc {
    0% {
      stroke-dashoffset: 264.27508544921875px;
      stroke-dasharray: 264.27508544921875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 264.27508544921875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-6-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-6-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-6 {
    -webkit-animation: animate-svg-stroke-6-prod-3-pc 0.8s linear 0.25s both,
                         animate-svg-fill-6-prod-3-pc 0.8s linear 0.25s both;
            animation: animate-svg-stroke-6-prod-3-pc 0.8s linear 0.25s both,
                 animate-svg-fill-6-prod-3-pc 0.8s linear 0.25s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-7-prod-3-pc {
    0% {
      stroke-dashoffset: 1203.3126220703125px;
      stroke-dasharray: 1203.3126220703125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1203.3126220703125px;
    }
  }
  
  @keyframes animate-svg-stroke-7-prod-3-pc {
    0% {
      stroke-dashoffset: 1203.3126220703125px;
      stroke-dasharray: 1203.3126220703125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1203.3126220703125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-7-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-7-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-7 {
    -webkit-animation: animate-svg-stroke-7-prod-3-pc 0.8s linear 0.30000000000000004s both,
                         animate-svg-fill-7-prod-3-pc 0.8s linear 0.26s both;
            animation: animate-svg-stroke-7-prod-3-pc 0.8s linear 0.30000000000000004s both,
                 animate-svg-fill-7-prod-3-pc 0.8s linear 0.26s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-8-prod-3-pc {
    0% {
      stroke-dashoffset: 1817.2095947265625px;
      stroke-dasharray: 1817.2095947265625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1817.2095947265625px;
    }
  }
  
  @keyframes animate-svg-stroke-8-prod-3-pc {
    0% {
      stroke-dashoffset: 1817.2095947265625px;
      stroke-dasharray: 1817.2095947265625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1817.2095947265625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-8-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-8-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-8 {
    -webkit-animation: animate-svg-stroke-8-prod-3-pc 0.8s linear 0.35000000000000003s both,
                         animate-svg-fill-8-prod-3-pc 0.8s linear 0.27s both;
            animation: animate-svg-stroke-8-prod-3-pc 0.8s linear 0.35000000000000003s both,
                 animate-svg-fill-8-prod-3-pc 0.8s linear 0.27s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-9-prod-3-pc {
    0% {
      stroke-dashoffset: 614.9242553710938px;
      stroke-dasharray: 614.9242553710938px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 614.9242553710938px;
    }
  }
  
  @keyframes animate-svg-stroke-9-prod-3-pc {
    0% {
      stroke-dashoffset: 614.9242553710938px;
      stroke-dasharray: 614.9242553710938px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 614.9242553710938px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-9-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-9-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-9 {
    -webkit-animation: animate-svg-stroke-9-prod-3-pc 0.8s linear 0.4s both,
                         animate-svg-fill-9-prod-3-pc 0.8s linear 0.28s both;
            animation: animate-svg-stroke-9-prod-3-pc 0.8s linear 0.4s both,
                 animate-svg-fill-9-prod-3-pc 0.8s linear 0.28s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-10-prod-3-pc {
    0% {
      stroke-dashoffset: 323.09808349609375px;
      stroke-dasharray: 323.09808349609375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 323.09808349609375px;
    }
  }
  
  @keyframes animate-svg-stroke-10-prod-3-pc {
    0% {
      stroke-dashoffset: 323.09808349609375px;
      stroke-dasharray: 323.09808349609375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 323.09808349609375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-10-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-10-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-10 {
    -webkit-animation: animate-svg-stroke-10-prod-3-pc 0.8s linear 0.45s both,
                         animate-svg-fill-10-prod-3-pc 0.8s linear 0.29000000000000004s both;
            animation: animate-svg-stroke-10-prod-3-pc 0.8s linear 0.45s both,
                 animate-svg-fill-10-prod-3-pc 0.8s linear 0.29000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-11-prod-3-pc {
    0% {
      stroke-dashoffset: 304.56500244140625px;
      stroke-dasharray: 304.56500244140625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 304.56500244140625px;
    }
  }
  
  @keyframes animate-svg-stroke-11-prod-3-pc {
    0% {
      stroke-dashoffset: 304.56500244140625px;
      stroke-dasharray: 304.56500244140625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 304.56500244140625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-11-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-11-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-11 {
    -webkit-animation: animate-svg-stroke-11-prod-3-pc 0.8s linear 0.5s both,
                         animate-svg-fill-11-prod-3-pc 0.8s linear 0.30000000000000004s both;
            animation: animate-svg-stroke-11-prod-3-pc 0.8s linear 0.5s both,
                 animate-svg-fill-11-prod-3-pc 0.8s linear 0.30000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-12-prod-3-pc {
    0% {
      stroke-dashoffset: 202.106201171875px;
      stroke-dasharray: 202.106201171875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 202.106201171875px;
    }
  }
  
  @keyframes animate-svg-stroke-12-prod-3-pc {
    0% {
      stroke-dashoffset: 202.106201171875px;
      stroke-dasharray: 202.106201171875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 202.106201171875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-12-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-12-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-12 {
    -webkit-animation: animate-svg-stroke-12-prod-3-pc 0.8s linear 0.55s both,
                         animate-svg-fill-12-prod-3-pc 0.8s linear 0.31s both;
            animation: animate-svg-stroke-12-prod-3-pc 0.8s linear 0.55s both,
                 animate-svg-fill-12-prod-3-pc 0.8s linear 0.31s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-13-prod-3-pc {
    0% {
      stroke-dashoffset: 155.42788696289062px;
      stroke-dasharray: 155.42788696289062px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 155.42788696289062px;
    }
  }
  
  @keyframes animate-svg-stroke-13-prod-3-pc {
    0% {
      stroke-dashoffset: 155.42788696289062px;
      stroke-dasharray: 155.42788696289062px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 155.42788696289062px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-13-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-13-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-13 {
    -webkit-animation: animate-svg-stroke-13-prod-3-pc 0.8s linear 0.6000000000000001s both,
                         animate-svg-fill-13-prod-3-pc 0.8s linear 0.32s both;
            animation: animate-svg-stroke-13-prod-3-pc 0.8s linear 0.6000000000000001s both,
                 animate-svg-fill-13-prod-3-pc 0.8s linear 0.32s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-14-prod-3-pc {
    0% {
      stroke-dashoffset: 169.9271697998047px;
      stroke-dasharray: 169.9271697998047px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 169.9271697998047px;
    }
  }
  
  @keyframes animate-svg-stroke-14-prod-3-pc {
    0% {
      stroke-dashoffset: 169.9271697998047px;
      stroke-dasharray: 169.9271697998047px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 169.9271697998047px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-14-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-14-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-14 {
    -webkit-animation: animate-svg-stroke-14-prod-3-pc 0.8s linear 0.65s both,
                         animate-svg-fill-14-prod-3-pc 0.8s linear 0.33s both;
            animation: animate-svg-stroke-14-prod-3-pc 0.8s linear 0.65s both,
                 animate-svg-fill-14-prod-3-pc 0.8s linear 0.33s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-15-prod-3-pc {
    0% {
      stroke-dashoffset: 254.14501953125px;
      stroke-dasharray: 254.14501953125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 254.14501953125px;
    }
  }
  
  @keyframes animate-svg-stroke-15-prod-3-pc {
    0% {
      stroke-dashoffset: 254.14501953125px;
      stroke-dasharray: 254.14501953125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 254.14501953125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-15-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-15-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-15 {
    -webkit-animation: animate-svg-stroke-15-prod-3-pc 0.8s linear 0.7000000000000001s both,
                         animate-svg-fill-15-prod-3-pc 0.8s linear 0.34s both;
            animation: animate-svg-stroke-15-prod-3-pc 0.8s linear 0.7000000000000001s both,
                 animate-svg-fill-15-prod-3-pc 0.8s linear 0.34s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-16-prod-3-pc {
    0% {
      stroke-dashoffset: 166.52308654785156px;
      stroke-dasharray: 166.52308654785156px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 166.52308654785156px;
    }
  }
  
  @keyframes animate-svg-stroke-16-prod-3-pc {
    0% {
      stroke-dashoffset: 166.52308654785156px;
      stroke-dasharray: 166.52308654785156px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 166.52308654785156px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-16-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-16-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-16 {
    -webkit-animation: animate-svg-stroke-16-prod-3-pc 0.8s linear 0.75s both,
                         animate-svg-fill-16-prod-3-pc 0.8s linear 0.35s both;
            animation: animate-svg-stroke-16-prod-3-pc 0.8s linear 0.75s both,
                 animate-svg-fill-16-prod-3-pc 0.8s linear 0.35s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-17-prod-3-pc {
    0% {
      stroke-dashoffset: 168.48756408691406px;
      stroke-dasharray: 168.48756408691406px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 168.48756408691406px;
    }
  }
  
  @keyframes animate-svg-stroke-17-prod-3-pc {
    0% {
      stroke-dashoffset: 168.48756408691406px;
      stroke-dasharray: 168.48756408691406px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 168.48756408691406px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-17-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-17-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-17 {
    -webkit-animation: animate-svg-stroke-17-prod-3-pc 0.8s linear 0.8s both,
                         animate-svg-fill-17-prod-3-pc 0.8s linear 0.36s both;
            animation: animate-svg-stroke-17-prod-3-pc 0.8s linear 0.8s both,
                 animate-svg-fill-17-prod-3-pc 0.8s linear 0.36s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-18-prod-3-pc {
    0% {
      stroke-dashoffset: 174.9983673095703px;
      stroke-dasharray: 174.9983673095703px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 174.9983673095703px;
    }
  }
  
  @keyframes animate-svg-stroke-18-prod-3-pc {
    0% {
      stroke-dashoffset: 174.9983673095703px;
      stroke-dasharray: 174.9983673095703px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 174.9983673095703px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-18-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-18-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-18 {
    -webkit-animation: animate-svg-stroke-18-prod-3-pc 0.8s linear 0.8500000000000001s both,
                         animate-svg-fill-18-prod-3-pc 0.8s linear 0.37s both;
            animation: animate-svg-stroke-18-prod-3-pc 0.8s linear 0.8500000000000001s both,
                 animate-svg-fill-18-prod-3-pc 0.8s linear 0.37s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-19-prod-3-pc {
    0% {
      stroke-dashoffset: 132.75772094726562px;
      stroke-dasharray: 132.75772094726562px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 132.75772094726562px;
    }
  }
  
  @keyframes animate-svg-stroke-19-prod-3-pc {
    0% {
      stroke-dashoffset: 132.75772094726562px;
      stroke-dasharray: 132.75772094726562px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 132.75772094726562px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-19-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-19-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-19 {
    -webkit-animation: animate-svg-stroke-19-prod-3-pc 0.8s linear 0.9s both,
                         animate-svg-fill-19-prod-3-pc 0.8s linear 0.38s both;
            animation: animate-svg-stroke-19-prod-3-pc 0.8s linear 0.9s both,
                 animate-svg-fill-19-prod-3-pc 0.8s linear 0.38s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-20-prod-3-pc {
    0% {
      stroke-dashoffset: 121.34708404541016px;
      stroke-dasharray: 121.34708404541016px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 121.34708404541016px;
    }
  }
  
  @keyframes animate-svg-stroke-20-prod-3-pc {
    0% {
      stroke-dashoffset: 121.34708404541016px;
      stroke-dasharray: 121.34708404541016px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 121.34708404541016px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-20-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-20-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-20 {
    -webkit-animation: animate-svg-stroke-20-prod-3-pc 0.8s linear 0.9500000000000001s both,
                         animate-svg-fill-20-prod-3-pc 0.8s linear 0.39s both;
            animation: animate-svg-stroke-20-prod-3-pc 0.8s linear 0.9500000000000001s both,
                 animate-svg-fill-20-prod-3-pc 0.8s linear 0.39s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-21-prod-3-pc {
    0% {
      stroke-dashoffset: 115.16989135742188px;
      stroke-dasharray: 115.16989135742188px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 115.16989135742188px;
    }
  }
  
  @keyframes animate-svg-stroke-21-prod-3-pc {
    0% {
      stroke-dashoffset: 115.16989135742188px;
      stroke-dasharray: 115.16989135742188px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 115.16989135742188px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-21-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-21-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-21 {
    -webkit-animation: animate-svg-stroke-21-prod-3-pc 0.8s linear 1s both,
                         animate-svg-fill-21-prod-3-pc 0.8s linear 0.4s both;
            animation: animate-svg-stroke-21-prod-3-pc 0.8s linear 1s both,
                 animate-svg-fill-21-prod-3-pc 0.8s linear 0.4s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-22-prod-3-pc {
    0% {
      stroke-dashoffset: 117.88066101074219px;
      stroke-dasharray: 117.88066101074219px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 117.88066101074219px;
    }
  }
  
  @keyframes animate-svg-stroke-22-prod-3-pc {
    0% {
      stroke-dashoffset: 117.88066101074219px;
      stroke-dasharray: 117.88066101074219px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 117.88066101074219px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-22-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-22-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-22 {
    -webkit-animation: animate-svg-stroke-22-prod-3-pc 0.8s linear 1.05s both,
                         animate-svg-fill-22-prod-3-pc 0.8s linear 0.41000000000000003s both;
            animation: animate-svg-stroke-22-prod-3-pc 0.8s linear 1.05s both,
                 animate-svg-fill-22-prod-3-pc 0.8s linear 0.41000000000000003s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-23-prod-3-pc {
    0% {
      stroke-dashoffset: 106.65586853027344px;
      stroke-dasharray: 106.65586853027344px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 106.65586853027344px;
    }
  }
  
  @keyframes animate-svg-stroke-23-prod-3-pc {
    0% {
      stroke-dashoffset: 106.65586853027344px;
      stroke-dasharray: 106.65586853027344px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 106.65586853027344px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-23-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-23-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-23 {
    -webkit-animation: animate-svg-stroke-23-prod-3-pc 0.8s linear 1.1s both,
                         animate-svg-fill-23-prod-3-pc 0.8s linear 0.42000000000000004s both;
            animation: animate-svg-stroke-23-prod-3-pc 0.8s linear 1.1s both,
                 animate-svg-fill-23-prod-3-pc 0.8s linear 0.42000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-24-prod-3-pc {
    0% {
      stroke-dashoffset: 105.8055419921875px;
      stroke-dasharray: 105.8055419921875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 105.8055419921875px;
    }
  }
  
  @keyframes animate-svg-stroke-24-prod-3-pc {
    0% {
      stroke-dashoffset: 105.8055419921875px;
      stroke-dasharray: 105.8055419921875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 105.8055419921875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-24-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-24-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-24 {
    -webkit-animation: animate-svg-stroke-24-prod-3-pc 0.8s linear 1.1500000000000001s both,
                         animate-svg-fill-24-prod-3-pc 0.8s linear 0.43000000000000005s both;
            animation: animate-svg-stroke-24-prod-3-pc 0.8s linear 1.1500000000000001s both,
                 animate-svg-fill-24-prod-3-pc 0.8s linear 0.43000000000000005s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-25-prod-3-pc {
    0% {
      stroke-dashoffset: 121.61852264404297px;
      stroke-dasharray: 121.61852264404297px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 121.61852264404297px;
    }
  }
  
  @keyframes animate-svg-stroke-25-prod-3-pc {
    0% {
      stroke-dashoffset: 121.61852264404297px;
      stroke-dasharray: 121.61852264404297px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 121.61852264404297px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-25-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-25-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-25 {
    -webkit-animation: animate-svg-stroke-25-prod-3-pc 0.8s linear 1.2000000000000002s both,
                         animate-svg-fill-25-prod-3-pc 0.8s linear 0.44s both;
            animation: animate-svg-stroke-25-prod-3-pc 0.8s linear 1.2000000000000002s both,
                 animate-svg-fill-25-prod-3-pc 0.8s linear 0.44s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-26-prod-3-pc {
    0% {
      stroke-dashoffset: 119.05054473876953px;
      stroke-dasharray: 119.05054473876953px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 119.05054473876953px;
    }
  }
  
  @keyframes animate-svg-stroke-26-prod-3-pc {
    0% {
      stroke-dashoffset: 119.05054473876953px;
      stroke-dasharray: 119.05054473876953px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 119.05054473876953px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-26-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-26-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-26 {
    -webkit-animation: animate-svg-stroke-26-prod-3-pc 0.8s linear 1.25s both,
                         animate-svg-fill-26-prod-3-pc 0.8s linear 0.45s both;
            animation: animate-svg-stroke-26-prod-3-pc 0.8s linear 1.25s both,
                 animate-svg-fill-26-prod-3-pc 0.8s linear 0.45s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-27-prod-3-pc {
    0% {
      stroke-dashoffset: 115.49551391601562px;
      stroke-dasharray: 115.49551391601562px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 115.49551391601562px;
    }
  }
  
  @keyframes animate-svg-stroke-27-prod-3-pc {
    0% {
      stroke-dashoffset: 115.49551391601562px;
      stroke-dasharray: 115.49551391601562px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 115.49551391601562px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-27-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-27-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-27 {
    -webkit-animation: animate-svg-stroke-27-prod-3-pc 0.8s linear 1.3s both,
                         animate-svg-fill-27-prod-3-pc 0.8s linear 0.46s both;
            animation: animate-svg-stroke-27-prod-3-pc 0.8s linear 1.3s both,
                 animate-svg-fill-27-prod-3-pc 0.8s linear 0.46s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-28-prod-3-pc {
    0% {
      stroke-dashoffset: 73.25553131103516px;
      stroke-dasharray: 73.25553131103516px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 73.25553131103516px;
    }
  }
  
  @keyframes animate-svg-stroke-28-prod-3-pc {
    0% {
      stroke-dashoffset: 73.25553131103516px;
      stroke-dasharray: 73.25553131103516px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 73.25553131103516px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-28-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-28-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-28 {
    -webkit-animation: animate-svg-stroke-28-prod-3-pc 0.8s linear 1.35s both,
                         animate-svg-fill-28-prod-3-pc 0.8s linear 0.47000000000000003s both;
            animation: animate-svg-stroke-28-prod-3-pc 0.8s linear 1.35s both,
                 animate-svg-fill-28-prod-3-pc 0.8s linear 0.47000000000000003s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-29-prod-3-pc {
    0% {
      stroke-dashoffset: 68.79833984375px;
      stroke-dasharray: 68.79833984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 68.79833984375px;
    }
  }
  
  @keyframes animate-svg-stroke-29-prod-3-pc {
    0% {
      stroke-dashoffset: 68.79833984375px;
      stroke-dasharray: 68.79833984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 68.79833984375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-29-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-29-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-29 {
    -webkit-animation: animate-svg-stroke-29-prod-3-pc 0.8s linear 1.4000000000000001s both,
                         animate-svg-fill-29-prod-3-pc 0.8s linear 0.48000000000000004s both;
            animation: animate-svg-stroke-29-prod-3-pc 0.8s linear 1.4000000000000001s both,
                 animate-svg-fill-29-prod-3-pc 0.8s linear 0.48000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-30-prod-3-pc {
    0% {
      stroke-dashoffset: 49.68077087402344px;
      stroke-dasharray: 49.68077087402344px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 49.68077087402344px;
    }
  }
  
  @keyframes animate-svg-stroke-30-prod-3-pc {
    0% {
      stroke-dashoffset: 49.68077087402344px;
      stroke-dasharray: 49.68077087402344px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 49.68077087402344px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-30-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-30-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-30 {
    -webkit-animation: animate-svg-stroke-30-prod-3-pc 0.8s linear 1.4500000000000002s both,
                         animate-svg-fill-30-prod-3-pc 0.8s linear 0.49s both;
            animation: animate-svg-stroke-30-prod-3-pc 0.8s linear 1.4500000000000002s both,
                 animate-svg-fill-30-prod-3-pc 0.8s linear 0.49s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-31-prod-3-pc {
    0% {
      stroke-dashoffset: 1052.350830078125px;
      stroke-dasharray: 1052.350830078125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1052.350830078125px;
    }
  }
  
  @keyframes animate-svg-stroke-31-prod-3-pc {
    0% {
      stroke-dashoffset: 1052.350830078125px;
      stroke-dasharray: 1052.350830078125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1052.350830078125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-31-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-31-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-31 {
    -webkit-animation: animate-svg-stroke-31-prod-3-pc 0.8s linear 1.5s both,
                         animate-svg-fill-31-prod-3-pc 0.8s linear 0.5s both;
            animation: animate-svg-stroke-31-prod-3-pc 0.8s linear 1.5s both,
                 animate-svg-fill-31-prod-3-pc 0.8s linear 0.5s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-32-prod-3-pc {
    0% {
      stroke-dashoffset: 2149.651611328125px;
      stroke-dasharray: 2149.651611328125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2149.651611328125px;
    }
  }
  
  @keyframes animate-svg-stroke-32-prod-3-pc {
    0% {
      stroke-dashoffset: 2149.651611328125px;
      stroke-dasharray: 2149.651611328125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2149.651611328125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-32-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-32-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-32 {
    -webkit-animation: animate-svg-stroke-32-prod-3-pc 0.8s linear 1.55s both,
                         animate-svg-fill-32-prod-3-pc 0.8s linear 0.51s both;
            animation: animate-svg-stroke-32-prod-3-pc 0.8s linear 1.55s both,
                 animate-svg-fill-32-prod-3-pc 0.8s linear 0.51s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-33-prod-3-pc {
    0% {
      stroke-dashoffset: 939.9962158203125px;
      stroke-dasharray: 939.9962158203125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 939.9962158203125px;
    }
  }
  
  @keyframes animate-svg-stroke-33-prod-3-pc {
    0% {
      stroke-dashoffset: 939.9962158203125px;
      stroke-dasharray: 939.9962158203125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 939.9962158203125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-33-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-33-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-33 {
    -webkit-animation: animate-svg-stroke-33-prod-3-pc 0.8s linear 1.6s both,
                         animate-svg-fill-33-prod-3-pc 0.8s linear 0.52s both;
            animation: animate-svg-stroke-33-prod-3-pc 0.8s linear 1.6s both,
                 animate-svg-fill-33-prod-3-pc 0.8s linear 0.52s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-34-prod-3-pc {
    0% {
      stroke-dashoffset: 1088.2076416015625px;
      stroke-dasharray: 1088.2076416015625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1088.2076416015625px;
    }
  }
  
  @keyframes animate-svg-stroke-34-prod-3-pc {
    0% {
      stroke-dashoffset: 1088.2076416015625px;
      stroke-dasharray: 1088.2076416015625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1088.2076416015625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-34-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-34-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-34 {
    -webkit-animation: animate-svg-stroke-34-prod-3-pc 0.8s linear 1.6500000000000001s both,
                         animate-svg-fill-34-prod-3-pc 0.8s linear 0.53s both;
            animation: animate-svg-stroke-34-prod-3-pc 0.8s linear 1.6500000000000001s both,
                 animate-svg-fill-34-prod-3-pc 0.8s linear 0.53s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-35-prod-3-pc {
    0% {
      stroke-dashoffset: 877.8685913085938px;
      stroke-dasharray: 877.8685913085938px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 877.8685913085938px;
    }
  }
  
  @keyframes animate-svg-stroke-35-prod-3-pc {
    0% {
      stroke-dashoffset: 877.8685913085938px;
      stroke-dasharray: 877.8685913085938px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 877.8685913085938px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-35-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-35-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-35 {
    -webkit-animation: animate-svg-stroke-35-prod-3-pc 0.8s linear 1.7000000000000002s both,
                         animate-svg-fill-35-prod-3-pc 0.8s linear 0.54s both;
            animation: animate-svg-stroke-35-prod-3-pc 0.8s linear 1.7000000000000002s both,
                 animate-svg-fill-35-prod-3-pc 0.8s linear 0.54s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-36-prod-3-pc {
    0% {
      stroke-dashoffset: 883.2703857421875px;
      stroke-dasharray: 883.2703857421875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 883.2703857421875px;
    }
  }
  
  @keyframes animate-svg-stroke-36-prod-3-pc {
    0% {
      stroke-dashoffset: 883.2703857421875px;
      stroke-dasharray: 883.2703857421875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 883.2703857421875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-36-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-36-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-36 {
    -webkit-animation: animate-svg-stroke-36-prod-3-pc 0.8s linear 1.75s both,
                         animate-svg-fill-36-prod-3-pc 0.8s linear 0.55s both;
            animation: animate-svg-stroke-36-prod-3-pc 0.8s linear 1.75s both,
                 animate-svg-fill-36-prod-3-pc 0.8s linear 0.55s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-37-prod-3-pc {
    0% {
      stroke-dashoffset: 1812.390625px;
      stroke-dasharray: 1812.390625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1812.390625px;
    }
  }
  
  @keyframes animate-svg-stroke-37-prod-3-pc {
    0% {
      stroke-dashoffset: 1812.390625px;
      stroke-dasharray: 1812.390625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1812.390625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-37-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-37-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-37 {
    -webkit-animation: animate-svg-stroke-37-prod-3-pc 0.8s linear 1.8s both,
                         animate-svg-fill-37-prod-3-pc 0.8s linear 0.56s both;
            animation: animate-svg-stroke-37-prod-3-pc 0.8s linear 1.8s both,
                 animate-svg-fill-37-prod-3-pc 0.8s linear 0.56s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-38-prod-3-pc {
    0% {
      stroke-dashoffset: 746.3353881835938px;
      stroke-dasharray: 746.3353881835938px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 746.3353881835938px;
    }
  }
  
  @keyframes animate-svg-stroke-38-prod-3-pc {
    0% {
      stroke-dashoffset: 746.3353881835938px;
      stroke-dasharray: 746.3353881835938px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 746.3353881835938px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-38-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-38-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-38 {
    -webkit-animation: animate-svg-stroke-38-prod-3-pc 0.8s linear 1.85s both,
                         animate-svg-fill-38-prod-3-pc 0.8s linear 0.5700000000000001s both;
            animation: animate-svg-stroke-38-prod-3-pc 0.8s linear 1.85s both,
                 animate-svg-fill-38-prod-3-pc 0.8s linear 0.5700000000000001s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-39-prod-3-pc {
    0% {
      stroke-dashoffset: 1036.9798583984375px;
      stroke-dasharray: 1036.9798583984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1036.9798583984375px;
    }
  }
  
  @keyframes animate-svg-stroke-39-prod-3-pc {
    0% {
      stroke-dashoffset: 1036.9798583984375px;
      stroke-dasharray: 1036.9798583984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1036.9798583984375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-39-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-39-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-39 {
    -webkit-animation: animate-svg-stroke-39-prod-3-pc 0.8s linear 1.9000000000000001s both,
                         animate-svg-fill-39-prod-3-pc 0.8s linear 0.5800000000000001s both;
            animation: animate-svg-stroke-39-prod-3-pc 0.8s linear 1.9000000000000001s both,
                 animate-svg-fill-39-prod-3-pc 0.8s linear 0.5800000000000001s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-40-prod-3-pc {
    0% {
      stroke-dashoffset: 326.927490234375px;
      stroke-dasharray: 326.927490234375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 326.927490234375px;
    }
  }
  
  @keyframes animate-svg-stroke-40-prod-3-pc {
    0% {
      stroke-dashoffset: 326.927490234375px;
      stroke-dasharray: 326.927490234375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 326.927490234375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-40-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-40-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-40 {
    -webkit-animation: animate-svg-stroke-40-prod-3-pc 0.8s linear 1.9500000000000002s both,
                         animate-svg-fill-40-prod-3-pc 0.8s linear 0.5900000000000001s both;
            animation: animate-svg-stroke-40-prod-3-pc 0.8s linear 1.9500000000000002s both,
                 animate-svg-fill-40-prod-3-pc 0.8s linear 0.5900000000000001s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-41-prod-3-pc {
    0% {
      stroke-dashoffset: 115.71151733398438px;
      stroke-dasharray: 115.71151733398438px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 115.71151733398438px;
    }
  }
  
  @keyframes animate-svg-stroke-41-prod-3-pc {
    0% {
      stroke-dashoffset: 115.71151733398438px;
      stroke-dasharray: 115.71151733398438px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 115.71151733398438px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-41-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-41-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-41 {
    -webkit-animation: animate-svg-stroke-41-prod-3-pc 0.8s linear 2s both,
                         animate-svg-fill-41-prod-3-pc 0.8s linear 0.6000000000000001s both;
            animation: animate-svg-stroke-41-prod-3-pc 0.8s linear 2s both,
                 animate-svg-fill-41-prod-3-pc 0.8s linear 0.6000000000000001s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-42-prod-3-pc {
    0% {
      stroke-dashoffset: 91.47694396972656px;
      stroke-dasharray: 91.47694396972656px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 91.47694396972656px;
    }
  }
  
  @keyframes animate-svg-stroke-42-prod-3-pc {
    0% {
      stroke-dashoffset: 91.47694396972656px;
      stroke-dasharray: 91.47694396972656px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 91.47694396972656px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-42-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-42-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-42 {
    -webkit-animation: animate-svg-stroke-42-prod-3-pc 0.8s linear 2.0500000000000003s both,
                         animate-svg-fill-42-prod-3-pc 0.8s linear 0.6100000000000001s both;
            animation: animate-svg-stroke-42-prod-3-pc 0.8s linear 2.0500000000000003s both,
                 animate-svg-fill-42-prod-3-pc 0.8s linear 0.6100000000000001s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-43-prod-3-pc {
    0% {
      stroke-dashoffset: 99.04670715332031px;
      stroke-dasharray: 99.04670715332031px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 99.04670715332031px;
    }
  }
  
  @keyframes animate-svg-stroke-43-prod-3-pc {
    0% {
      stroke-dashoffset: 99.04670715332031px;
      stroke-dasharray: 99.04670715332031px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 99.04670715332031px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-43-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-43-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-43 {
    -webkit-animation: animate-svg-stroke-43-prod-3-pc 0.8s linear 2.1s both,
                         animate-svg-fill-43-prod-3-pc 0.8s linear 0.62s both;
            animation: animate-svg-stroke-43-prod-3-pc 0.8s linear 2.1s both,
                 animate-svg-fill-43-prod-3-pc 0.8s linear 0.62s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-44-prod-3-pc {
    0% {
      stroke-dashoffset: 75.16327667236328px;
      stroke-dasharray: 75.16327667236328px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 75.16327667236328px;
    }
  }
  
  @keyframes animate-svg-stroke-44-prod-3-pc {
    0% {
      stroke-dashoffset: 75.16327667236328px;
      stroke-dasharray: 75.16327667236328px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 75.16327667236328px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-44-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-44-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-44 {
    -webkit-animation: animate-svg-stroke-44-prod-3-pc 0.8s linear 2.15s both,
                         animate-svg-fill-44-prod-3-pc 0.8s linear 0.63s both;
            animation: animate-svg-stroke-44-prod-3-pc 0.8s linear 2.15s both,
                 animate-svg-fill-44-prod-3-pc 0.8s linear 0.63s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-45-prod-3-pc {
    0% {
      stroke-dashoffset: 605.9766235351562px;
      stroke-dasharray: 605.9766235351562px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 605.9766235351562px;
    }
  }
  
  @keyframes animate-svg-stroke-45-prod-3-pc {
    0% {
      stroke-dashoffset: 605.9766235351562px;
      stroke-dasharray: 605.9766235351562px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 605.9766235351562px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-45-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-45-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-45 {
    -webkit-animation: animate-svg-stroke-45-prod-3-pc 0.8s linear 2.2s both,
                         animate-svg-fill-45-prod-3-pc 0.8s linear 0.64s both;
            animation: animate-svg-stroke-45-prod-3-pc 0.8s linear 2.2s both,
                 animate-svg-fill-45-prod-3-pc 0.8s linear 0.64s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-46-prod-3-pc {
    0% {
      stroke-dashoffset: 1242.302490234375px;
      stroke-dasharray: 1242.302490234375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1242.302490234375px;
    }
  }
  
  @keyframes animate-svg-stroke-46-prod-3-pc {
    0% {
      stroke-dashoffset: 1242.302490234375px;
      stroke-dasharray: 1242.302490234375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1242.302490234375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-46-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-46-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-46 {
    -webkit-animation: animate-svg-stroke-46-prod-3-pc 0.8s linear 2.25s both,
                         animate-svg-fill-46-prod-3-pc 0.8s linear 0.65s both;
            animation: animate-svg-stroke-46-prod-3-pc 0.8s linear 2.25s both,
                 animate-svg-fill-46-prod-3-pc 0.8s linear 0.65s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-47-prod-3-pc {
    0% {
      stroke-dashoffset: 540.3162231445312px;
      stroke-dasharray: 540.3162231445312px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 540.3162231445312px;
    }
  }
  
  @keyframes animate-svg-stroke-47-prod-3-pc {
    0% {
      stroke-dashoffset: 540.3162231445312px;
      stroke-dasharray: 540.3162231445312px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 540.3162231445312px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-47-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-47-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-47 {
    -webkit-animation: animate-svg-stroke-47-prod-3-pc 0.8s linear 2.3000000000000003s both,
                         animate-svg-fill-47-prod-3-pc 0.8s linear 0.66s both;
            animation: animate-svg-stroke-47-prod-3-pc 0.8s linear 2.3000000000000003s both,
                 animate-svg-fill-47-prod-3-pc 0.8s linear 0.66s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-48-prod-3-pc {
    0% {
      stroke-dashoffset: 1125.1663818359375px;
      stroke-dasharray: 1125.1663818359375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1125.1663818359375px;
    }
  }
  
  @keyframes animate-svg-stroke-48-prod-3-pc {
    0% {
      stroke-dashoffset: 1125.1663818359375px;
      stroke-dasharray: 1125.1663818359375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1125.1663818359375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-48-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-48-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-48 {
    -webkit-animation: animate-svg-stroke-48-prod-3-pc 0.8s linear 2.35s both,
                         animate-svg-fill-48-prod-3-pc 0.8s linear 0.67s both;
            animation: animate-svg-stroke-48-prod-3-pc 0.8s linear 2.35s both,
                 animate-svg-fill-48-prod-3-pc 0.8s linear 0.67s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-49-prod-3-pc {
    0% {
      stroke-dashoffset: 380.8752136230469px;
      stroke-dasharray: 380.8752136230469px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 380.8752136230469px;
    }
  }
  
  @keyframes animate-svg-stroke-49-prod-3-pc {
    0% {
      stroke-dashoffset: 380.8752136230469px;
      stroke-dasharray: 380.8752136230469px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 380.8752136230469px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-49-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-49-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-49 {
    -webkit-animation: animate-svg-stroke-49-prod-3-pc 0.8s linear 2.4000000000000004s both,
                         animate-svg-fill-49-prod-3-pc 0.8s linear 0.6799999999999999s both;
            animation: animate-svg-stroke-49-prod-3-pc 0.8s linear 2.4000000000000004s both,
                 animate-svg-fill-49-prod-3-pc 0.8s linear 0.6799999999999999s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-50-prod-3-pc {
    0% {
      stroke-dashoffset: 859.9488525390625px;
      stroke-dasharray: 859.9488525390625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 859.9488525390625px;
    }
  }
  
  @keyframes animate-svg-stroke-50-prod-3-pc {
    0% {
      stroke-dashoffset: 859.9488525390625px;
      stroke-dasharray: 859.9488525390625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 859.9488525390625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-50-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-50-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-50 {
    -webkit-animation: animate-svg-stroke-50-prod-3-pc 0.8s linear 2.45s both,
                         animate-svg-fill-50-prod-3-pc 0.8s linear 0.69s both;
            animation: animate-svg-stroke-50-prod-3-pc 0.8s linear 2.45s both,
                 animate-svg-fill-50-prod-3-pc 0.8s linear 0.69s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-51-prod-3-pc {
    0% {
      stroke-dashoffset: 376.22088623046875px;
      stroke-dasharray: 376.22088623046875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 376.22088623046875px;
    }
  }
  
  @keyframes animate-svg-stroke-51-prod-3-pc {
    0% {
      stroke-dashoffset: 376.22088623046875px;
      stroke-dasharray: 376.22088623046875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 376.22088623046875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-51-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-51-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-51 {
    -webkit-animation: animate-svg-stroke-51-prod-3-pc 0.8s linear 2.5s both,
                         animate-svg-fill-51-prod-3-pc 0.8s linear 0.7s both;
            animation: animate-svg-stroke-51-prod-3-pc 0.8s linear 2.5s both,
                 animate-svg-fill-51-prod-3-pc 0.8s linear 0.7s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-52-prod-3-pc {
    0% {
      stroke-dashoffset: 782.9986572265625px;
      stroke-dasharray: 782.9986572265625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 782.9986572265625px;
    }
  }
  
  @keyframes animate-svg-stroke-52-prod-3-pc {
    0% {
      stroke-dashoffset: 782.9986572265625px;
      stroke-dasharray: 782.9986572265625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 782.9986572265625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-52-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-52-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-52 {
    -webkit-animation: animate-svg-stroke-52-prod-3-pc 0.8s linear 2.5500000000000003s both,
                         animate-svg-fill-52-prod-3-pc 0.8s linear 0.71s both;
            animation: animate-svg-stroke-52-prod-3-pc 0.8s linear 2.5500000000000003s both,
                 animate-svg-fill-52-prod-3-pc 0.8s linear 0.71s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-53-prod-3-pc {
    0% {
      stroke-dashoffset: 311.7232971191406px;
      stroke-dasharray: 311.7232971191406px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 311.7232971191406px;
    }
  }
  
  @keyframes animate-svg-stroke-53-prod-3-pc {
    0% {
      stroke-dashoffset: 311.7232971191406px;
      stroke-dasharray: 311.7232971191406px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 311.7232971191406px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-53-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-53-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-53 {
    -webkit-animation: animate-svg-stroke-53-prod-3-pc 0.8s linear 2.6s both,
                         animate-svg-fill-53-prod-3-pc 0.8s linear 0.72s both;
            animation: animate-svg-stroke-53-prod-3-pc 0.8s linear 2.6s both,
                 animate-svg-fill-53-prod-3-pc 0.8s linear 0.72s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-54-prod-3-pc {
    0% {
      stroke-dashoffset: 665.9407348632812px;
      stroke-dasharray: 665.9407348632812px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 665.9407348632812px;
    }
  }
  
  @keyframes animate-svg-stroke-54-prod-3-pc {
    0% {
      stroke-dashoffset: 665.9407348632812px;
      stroke-dasharray: 665.9407348632812px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 665.9407348632812px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-54-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-54-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-54 {
    -webkit-animation: animate-svg-stroke-54-prod-3-pc 0.8s linear 2.6500000000000004s both,
                         animate-svg-fill-54-prod-3-pc 0.8s linear 0.73s both;
            animation: animate-svg-stroke-54-prod-3-pc 0.8s linear 2.6500000000000004s both,
                 animate-svg-fill-54-prod-3-pc 0.8s linear 0.73s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-55-prod-3-pc {
    0% {
      stroke-dashoffset: 159.72669982910156px;
      stroke-dasharray: 159.72669982910156px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 159.72669982910156px;
    }
  }
  
  @keyframes animate-svg-stroke-55-prod-3-pc {
    0% {
      stroke-dashoffset: 159.72669982910156px;
      stroke-dasharray: 159.72669982910156px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 159.72669982910156px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-55-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-55-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-55 {
    -webkit-animation: animate-svg-stroke-55-prod-3-pc 0.8s linear 2.7s both,
                         animate-svg-fill-55-prod-3-pc 0.8s linear 0.74s both;
            animation: animate-svg-stroke-55-prod-3-pc 0.8s linear 2.7s both,
                 animate-svg-fill-55-prod-3-pc 0.8s linear 0.74s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-56-prod-3-pc {
    0% {
      stroke-dashoffset: 349.30987548828125px;
      stroke-dasharray: 349.30987548828125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 349.30987548828125px;
    }
  }
  
  @keyframes animate-svg-stroke-56-prod-3-pc {
    0% {
      stroke-dashoffset: 349.30987548828125px;
      stroke-dasharray: 349.30987548828125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 349.30987548828125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-56-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-56-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-56 {
    -webkit-animation: animate-svg-stroke-56-prod-3-pc 0.8s linear 2.75s both,
                         animate-svg-fill-56-prod-3-pc 0.8s linear 0.75s both;
            animation: animate-svg-stroke-56-prod-3-pc 0.8s linear 2.75s both,
                 animate-svg-fill-56-prod-3-pc 0.8s linear 0.75s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-57-prod-3-pc {
    0% {
      stroke-dashoffset: 45.7157096862793px;
      stroke-dasharray: 45.7157096862793px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 45.7157096862793px;
    }
  }
  
  @keyframes animate-svg-stroke-57-prod-3-pc {
    0% {
      stroke-dashoffset: 45.7157096862793px;
      stroke-dasharray: 45.7157096862793px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 45.7157096862793px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-57-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-57-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-57 {
    -webkit-animation: animate-svg-stroke-57-prod-3-pc 0.8s linear 2.8000000000000003s both,
                         animate-svg-fill-57-prod-3-pc 0.8s linear 0.76s both;
            animation: animate-svg-stroke-57-prod-3-pc 0.8s linear 2.8000000000000003s both,
                 animate-svg-fill-57-prod-3-pc 0.8s linear 0.76s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-58-prod-3-pc {
    0% {
      stroke-dashoffset: 119.28618621826172px;
      stroke-dasharray: 119.28618621826172px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 119.28618621826172px;
    }
  }
  
  @keyframes animate-svg-stroke-58-prod-3-pc {
    0% {
      stroke-dashoffset: 119.28618621826172px;
      stroke-dasharray: 119.28618621826172px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 119.28618621826172px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-58-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  @keyframes animate-svg-fill-58-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(1, 199, 182);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-58 {
    -webkit-animation: animate-svg-stroke-58-prod-3-pc 0.8s linear 2.85s both,
                         animate-svg-fill-58-prod-3-pc 0.8s linear 0.77s both;
            animation: animate-svg-stroke-58-prod-3-pc 0.8s linear 2.85s both,
                 animate-svg-fill-58-prod-3-pc 0.8s linear 0.77s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-59-prod-3-pc {
    0% {
      stroke-dashoffset: 1944px;
      stroke-dasharray: 1944px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1944px;
    }
  }
  
  @keyframes animate-svg-stroke-59-prod-3-pc {
    0% {
      stroke-dashoffset: 1944px;
      stroke-dasharray: 1944px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1944px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-59-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  @keyframes animate-svg-fill-59-prod-3-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  .svg-draw .svg-draw-prod-3-pc-59 {
    -webkit-animation: animate-svg-stroke-59-prod-3-pc 0.8s linear 2.9000000000000004s both,
                         animate-svg-fill-59-prod-3-pc 0.8s linear 0.78s both;
            animation: animate-svg-stroke-59-prod-3-pc 0.8s linear 2.9000000000000004s both,
                 animate-svg-fill-59-prod-3-pc 0.8s linear 0.78s both;
  }
  
/***************************************************
 prod 4 pc
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1-prod-4-pc {
    0% {
      stroke-dashoffset: 1171.4722900390625px;
      stroke-dasharray: 1171.4722900390625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1171.4722900390625px;
    }
  }
  
  @keyframes animate-svg-stroke-1-prod-4-pc {
    0% {
      stroke-dashoffset: 1171.4722900390625px;
      stroke-dasharray: 1171.4722900390625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1171.4722900390625px;
    }
  }
  
  .svg-draw .svg-draw-prod-4-pc-1 {
    -webkit-animation: animate-svg-stroke-1-prod-4-pc 0.8s linear 0s both,
                         animate-svg-fill-1-prod-4-pc 0.8s linear 0.2s both;
            animation: animate-svg-stroke-1-prod-4-pc 0.8s linear 0s both,
                 animate-svg-fill-1-prod-4-pc 0.8s linear 0.2s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-2-prod-4-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1010.4512418023236px;
    }
  }
  
  @keyframes animate-svg-stroke-2-prod-4-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1010.4512418023236px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-2-prod-4-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(228, 156, 196);
    }
  }
  
  @keyframes animate-svg-fill-2-prod-4-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(228, 156, 196);
    }
  }
  
  .svg-draw .svg-draw-prod-4-pc-2 {
    -webkit-animation: animate-svg-stroke-2-prod-4-pc 0.8s linear 0.05s both,
                         animate-svg-fill-2-prod-4-pc 0.8s linear 0.21000000000000002s both;
            animation: animate-svg-stroke-2-prod-4-pc 0.8s linear 0.05s both,
                 animate-svg-fill-2-prod-4-pc 0.8s linear 0.21000000000000002s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-3-prod-4-pc {
    0% {
      stroke-dashoffset: 13842.7939453125px;
      stroke-dasharray: 13842.7939453125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 13842.7939453125px;
    }
  }
  
  @keyframes animate-svg-stroke-3-prod-4-pc {
    0% {
      stroke-dashoffset: 13842.7939453125px;
      stroke-dasharray: 13842.7939453125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 13842.7939453125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-3-prod-4-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(233, 155, 206);
    }
  }
  
  @keyframes animate-svg-fill-3-prod-4-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(233, 155, 206);
    }
  }
  
  .svg-draw .svg-draw-prod-4-pc-3 {
    -webkit-animation: animate-svg-stroke-3-prod-4-pc 0.8s linear 0.1s both,
                         animate-svg-fill-3-prod-4-pc 0.8s linear 0.22s both;
            animation: animate-svg-stroke-3-prod-4-pc 0.8s linear 0.1s both,
                 animate-svg-fill-3-prod-4-pc 0.8s linear 0.22s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-4-prod-4-pc {
    0% {
      stroke-dashoffset: 4088px;
      stroke-dasharray: 4088px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 4088px;
    }
  }
  
  @keyframes animate-svg-stroke-4-prod-4-pc {
    0% {
      stroke-dashoffset: 4088px;
      stroke-dasharray: 4088px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 4088px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-4-prod-4-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(217, 217, 217);
    }
  }
  
  @keyframes animate-svg-fill-4-prod-4-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(217, 217, 217);
    }
  }
  
  .svg-draw .svg-draw-prod-4-pc-4 {
    -webkit-animation: animate-svg-stroke-4-prod-4-pc 0.8s linear 0.15000000000000002s both,
                         animate-svg-fill-4-prod-4-pc 0.8s linear 0.23s both;
            animation: animate-svg-stroke-4-prod-4-pc 0.8s linear 0.15000000000000002s both,
                 animate-svg-fill-4-prod-4-pc 0.8s linear 0.23s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-5-prod-4-pc {
    0% {
      stroke-dashoffset: 2208.75px;
      stroke-dasharray: 2208.75px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2208.75px;
    }
  }
  
  @keyframes animate-svg-stroke-5-prod-4-pc {
    0% {
      stroke-dashoffset: 2208.75px;
      stroke-dasharray: 2208.75px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2208.75px;
    }
  }
  
  .svg-draw .svg-draw-prod-4-pc-5 {
    -webkit-animation: animate-svg-stroke-5-prod-4-pc 0.8s linear 0.2s both,
                         animate-svg-fill-5-prod-4-pc 0.8s linear 0.24000000000000002s both;
            animation: animate-svg-stroke-5-prod-4-pc 0.8s linear 0.2s both,
                 animate-svg-fill-5-prod-4-pc 0.8s linear 0.24000000000000002s both;
  }
  
/***************************************************
 prod 5 pc
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1-prod-5-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1010.4512418023236px;
    }
  }
  
  @keyframes animate-svg-stroke-1-prod-5-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1010.4512418023236px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-1-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(139, 161, 204);
    }
  }
  
  @keyframes animate-svg-fill-1-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(139, 161, 204);
    }
  }
  
  .svg-draw .svg-draw-prod-5-pc-1 {
    -webkit-animation: animate-svg-stroke-1-prod-5-pc 0.8s linear 0s both,
                         animate-svg-fill-1-prod-5-pc 0.8s linear 0.2s both;
            animation: animate-svg-stroke-1-prod-5-pc 0.8s linear 0s both,
                 animate-svg-fill-1-prod-5-pc 0.8s linear 0.2s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-2-prod-5-pc {
    0% {
      stroke-dashoffset: 2870.646240234375px;
      stroke-dasharray: 2870.646240234375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2870.646240234375px;
    }
  }
  
  @keyframes animate-svg-stroke-2-prod-5-pc {
    0% {
      stroke-dashoffset: 2870.646240234375px;
      stroke-dasharray: 2870.646240234375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2870.646240234375px;
    }
  }
  
  .svg-draw .svg-draw-prod-5-pc-2 {
    -webkit-animation: animate-svg-stroke-2-prod-5-pc 0.8s linear 0.05s both,
                         animate-svg-fill-2-prod-5-pc 0.8s linear 0.21000000000000002s both;
            animation: animate-svg-stroke-2-prod-5-pc 0.8s linear 0.05s both,
                 animate-svg-fill-2-prod-5-pc 0.8s linear 0.21000000000000002s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-3-prod-5-pc {
    0% {
      stroke-dashoffset: 1968px;
      stroke-dasharray: 1968px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1968px;
    }
  }
  
  @keyframes animate-svg-stroke-3-prod-5-pc {
    0% {
      stroke-dashoffset: 1968px;
      stroke-dasharray: 1968px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1968px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-3-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  @keyframes animate-svg-fill-3-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  .svg-draw .svg-draw-prod-5-pc-3 {
    -webkit-animation: animate-svg-stroke-3-prod-5-pc 0.8s linear 0.1s both,
                         animate-svg-fill-3-prod-5-pc 0.8s linear 0.22s both;
            animation: animate-svg-stroke-3-prod-5-pc 0.8s linear 0.1s both,
                 animate-svg-fill-3-prod-5-pc 0.8s linear 0.22s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-4-prod-5-pc {
    0% {
      stroke-dashoffset: 9015.3701171875px;
      stroke-dasharray: 9015.3701171875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 9015.3701171875px;
    }
  }
  
  @keyframes animate-svg-stroke-4-prod-5-pc {
    0% {
      stroke-dashoffset: 9015.3701171875px;
      stroke-dasharray: 9015.3701171875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 9015.3701171875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-4-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(0, 0, 0);
    }
  }
  
  @keyframes animate-svg-fill-4-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(0, 0, 0);
    }
  }
  
  .svg-draw .svg-draw-prod-5-pc-4 {
    -webkit-animation: animate-svg-stroke-4-prod-5-pc 0.8s linear 0.15000000000000002s both,
                         animate-svg-fill-4-prod-5-pc 0.8s linear 0.23s both;
            animation: animate-svg-stroke-4-prod-5-pc 0.8s linear 0.15000000000000002s both,
                 animate-svg-fill-4-prod-5-pc 0.8s linear 0.23s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-5-prod-5-pc {
    0% {
      stroke-dashoffset: 9015.3701171875px;
      stroke-dasharray: 9015.3701171875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 9015.3701171875px;
    }
  }
  
  @keyframes animate-svg-stroke-5-prod-5-pc {
    0% {
      stroke-dashoffset: 9015.3701171875px;
      stroke-dasharray: 9015.3701171875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 9015.3701171875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-5-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(139, 161, 204);
    }
  }
  
  @keyframes animate-svg-fill-5-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(139, 161, 204);
    }
  }
  
  .svg-draw .svg-draw-prod-5-pc-5 {
    -webkit-animation: animate-svg-stroke-5-prod-5-pc 0.8s linear 0.2s both,
                         animate-svg-fill-5-prod-5-pc 0.8s linear 0.24000000000000002s both;
            animation: animate-svg-stroke-5-prod-5-pc 0.8s linear 0.2s both,
                 animate-svg-fill-5-prod-5-pc 0.8s linear 0.24000000000000002s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-6-prod-5-pc {
    0% {
      stroke-dashoffset: 9015.3701171875px;
      stroke-dasharray: 9015.3701171875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 9015.3701171875px;
    }
  }
  
  @keyframes animate-svg-stroke-6-prod-5-pc {
    0% {
      stroke-dashoffset: 9015.3701171875px;
      stroke-dasharray: 9015.3701171875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 9015.3701171875px;
    }
  }
  
  .svg-draw .svg-draw-prod-5-pc-6 {
    -webkit-animation: animate-svg-stroke-6-prod-5-pc 0.8s linear 0.25s both,
                         animate-svg-fill-6-prod-5-pc 0.8s linear 0.25s both;
            animation: animate-svg-stroke-6-prod-5-pc 0.8s linear 0.25s both,
                 animate-svg-fill-6-prod-5-pc 0.8s linear 0.25s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-7-prod-5-pc {
    0% {
      stroke-dashoffset: 1599.2747802734375px;
      stroke-dasharray: 1599.2747802734375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1599.2747802734375px;
    }
  }
  
  @keyframes animate-svg-stroke-7-prod-5-pc {
    0% {
      stroke-dashoffset: 1599.2747802734375px;
      stroke-dasharray: 1599.2747802734375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1599.2747802734375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-7-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(139, 161, 204);
    }
  }
  
  @keyframes animate-svg-fill-7-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(139, 161, 204);
    }
  }
  
  .svg-draw .svg-draw-prod-5-pc-7 {
    -webkit-animation: animate-svg-stroke-7-prod-5-pc 0.8s linear 0.30000000000000004s both,
                         animate-svg-fill-7-prod-5-pc 0.8s linear 0.26s both;
            animation: animate-svg-stroke-7-prod-5-pc 0.8s linear 0.30000000000000004s both,
                 animate-svg-fill-7-prod-5-pc 0.8s linear 0.26s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-8-prod-5-pc {
    0% {
      stroke-dashoffset: 274.2417907714844px;
      stroke-dasharray: 274.2417907714844px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 274.2417907714844px;
    }
  }
  
  @keyframes animate-svg-stroke-8-prod-5-pc {
    0% {
      stroke-dashoffset: 274.2417907714844px;
      stroke-dasharray: 274.2417907714844px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 274.2417907714844px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-8-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(139, 161, 204);
    }
  }
  
  @keyframes animate-svg-fill-8-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(139, 161, 204);
    }
  }
  
  .svg-draw .svg-draw-prod-5-pc-8 {
    -webkit-animation: animate-svg-stroke-8-prod-5-pc 0.8s linear 0.35000000000000003s both,
                         animate-svg-fill-8-prod-5-pc 0.8s linear 0.27s both;
            animation: animate-svg-stroke-8-prod-5-pc 0.8s linear 0.35000000000000003s both,
                 animate-svg-fill-8-prod-5-pc 0.8s linear 0.27s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-9-prod-5-pc {
    0% {
      stroke-dashoffset: 1980.97998046875px;
      stroke-dasharray: 1980.97998046875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1980.97998046875px;
    }
  }
  
  @keyframes animate-svg-stroke-9-prod-5-pc {
    0% {
      stroke-dashoffset: 1980.97998046875px;
      stroke-dasharray: 1980.97998046875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1980.97998046875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-9-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  @keyframes animate-svg-fill-9-prod-5-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(255, 255, 255);
    }
  }
  
  .svg-draw .svg-draw-prod-5-pc-9 {
    -webkit-animation: animate-svg-stroke-9-prod-5-pc 0.8s linear 0.4s both,
                         animate-svg-fill-9-prod-5-pc 0.8s linear 0.28s both;
            animation: animate-svg-stroke-9-prod-5-pc 0.8s linear 0.4s both,
                 animate-svg-fill-9-prod-5-pc 0.8s linear 0.28s both;
  }
  
/***************************************************
 prod 2 detail pc
 **************************************************/
 .page__hero.medications .hero__image-pc svg:not(.svg-draw) {
    opacity: 0;
  }
  @-webkit-keyframes animate-svg-stroke-1-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 2104px;
      stroke-dasharray: 2104px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2104px;
    }
  }
  
  @keyframes animate-svg-stroke-1-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 2104px;
      stroke-dasharray: 2104px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2104px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-1-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(217, 217, 217);
    }
  }
  
  @keyframes animate-svg-fill-1-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(217, 217, 217);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-1 {
    -webkit-animation: animate-svg-stroke-1-prod-2-detail-pc 0.8s linear 0s both,
                         animate-svg-fill-1-prod-2-detail-pc 0.8s linear 0.2s both;
            animation: animate-svg-stroke-1-prod-2-detail-pc 0.8s linear 0s both,
                 animate-svg-fill-1-prod-2-detail-pc 0.8s linear 0.2s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-2-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1171.48388671875px;
      stroke-dasharray: 1171.48388671875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1171.48388671875px;
    }
  }
  
  @keyframes animate-svg-stroke-2-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1171.48388671875px;
      stroke-dasharray: 1171.48388671875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1171.48388671875px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-2 {
    -webkit-animation: animate-svg-stroke-2-prod-2-detail-pc 0.8s linear 0.05s both,
                         animate-svg-fill-2-prod-2-detail-pc 0.8s linear 0.21000000000000002s both;
            animation: animate-svg-stroke-2-prod-2-detail-pc 0.8s linear 0.05s both,
                 animate-svg-fill-2-prod-2-detail-pc 0.8s linear 0.21000000000000002s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-3-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1010.4512418023236px;
    }
  }
  
  @keyframes animate-svg-stroke-3-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1010.4512418023236px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-3-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-3-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-3 {
    -webkit-animation: animate-svg-stroke-3-prod-2-detail-pc 0.8s linear 0.1s both,
                         animate-svg-fill-3-prod-2-detail-pc 0.8s linear 0.22s both;
            animation: animate-svg-stroke-3-prod-2-detail-pc 0.8s linear 0.1s both,
                 animate-svg-fill-3-prod-2-detail-pc 0.8s linear 0.22s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-4-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 47.715396881103516px;
      stroke-dasharray: 47.715396881103516px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 47.715396881103516px;
    }
  }
  
  @keyframes animate-svg-stroke-4-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 47.715396881103516px;
      stroke-dasharray: 47.715396881103516px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 47.715396881103516px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-4-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-4-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-4 {
    -webkit-animation: animate-svg-stroke-4-prod-2-detail-pc 0.8s linear 0.15000000000000002s both,
                         animate-svg-fill-4-prod-2-detail-pc 0.8s linear 0.23s both;
            animation: animate-svg-stroke-4-prod-2-detail-pc 0.8s linear 0.15000000000000002s both,
                 animate-svg-fill-4-prod-2-detail-pc 0.8s linear 0.23s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-5-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 44.65494918823242px;
      stroke-dasharray: 44.65494918823242px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 44.65494918823242px;
    }
  }
  
  @keyframes animate-svg-stroke-5-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 44.65494918823242px;
      stroke-dasharray: 44.65494918823242px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 44.65494918823242px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-5-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-5-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-5 {
    -webkit-animation: animate-svg-stroke-5-prod-2-detail-pc 0.8s linear 0.2s both,
                         animate-svg-fill-5-prod-2-detail-pc 0.8s linear 0.24000000000000002s both;
            animation: animate-svg-stroke-5-prod-2-detail-pc 0.8s linear 0.2s both,
                 animate-svg-fill-5-prod-2-detail-pc 0.8s linear 0.24000000000000002s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-6-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 44.65494918823242px;
      stroke-dasharray: 44.65494918823242px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 44.65494918823242px;
    }
  }
  
  @keyframes animate-svg-stroke-6-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 44.65494918823242px;
      stroke-dasharray: 44.65494918823242px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 44.65494918823242px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-6 {
    -webkit-animation: animate-svg-stroke-6-prod-2-detail-pc 0.8s linear 0.25s both,
                         animate-svg-fill-6-prod-2-detail-pc 0.8s linear 0.25s both;
            animation: animate-svg-stroke-6-prod-2-detail-pc 0.8s linear 0.25s both,
                 animate-svg-fill-6-prod-2-detail-pc 0.8s linear 0.25s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-7-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 66.24496459960938px;
      stroke-dasharray: 66.24496459960938px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 66.24496459960938px;
    }
  }
  
  @keyframes animate-svg-stroke-7-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 66.24496459960938px;
      stroke-dasharray: 66.24496459960938px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 66.24496459960938px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-7-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-7-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-7 {
    -webkit-animation: animate-svg-stroke-7-prod-2-detail-pc 0.8s linear 0.30000000000000004s both,
                         animate-svg-fill-7-prod-2-detail-pc 0.8s linear 0.26s both;
            animation: animate-svg-stroke-7-prod-2-detail-pc 0.8s linear 0.30000000000000004s both,
                 animate-svg-fill-7-prod-2-detail-pc 0.8s linear 0.26s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-8-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 66.2449722290039px;
      stroke-dasharray: 66.2449722290039px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 66.2449722290039px;
    }
  }
  
  @keyframes animate-svg-stroke-8-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 66.2449722290039px;
      stroke-dasharray: 66.2449722290039px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 66.2449722290039px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-8 {
    -webkit-animation: animate-svg-stroke-8-prod-2-detail-pc 0.8s linear 0.35000000000000003s both,
                         animate-svg-fill-8-prod-2-detail-pc 0.8s linear 0.27s both;
            animation: animate-svg-stroke-8-prod-2-detail-pc 0.8s linear 0.35000000000000003s both,
                 animate-svg-fill-8-prod-2-detail-pc 0.8s linear 0.27s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-9-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 120.38758087158203px;
      stroke-dasharray: 120.38758087158203px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 120.38758087158203px;
    }
  }
  
  @keyframes animate-svg-stroke-9-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 120.38758087158203px;
      stroke-dasharray: 120.38758087158203px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 120.38758087158203px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-9-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-9-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-9 {
    -webkit-animation: animate-svg-stroke-9-prod-2-detail-pc 0.8s linear 0.4s both,
                         animate-svg-fill-9-prod-2-detail-pc 0.8s linear 0.28s both;
            animation: animate-svg-stroke-9-prod-2-detail-pc 0.8s linear 0.4s both,
                 animate-svg-fill-9-prod-2-detail-pc 0.8s linear 0.28s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-10-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 89.87672424316406px;
      stroke-dasharray: 89.87672424316406px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 89.87672424316406px;
    }
  }
  
  @keyframes animate-svg-stroke-10-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 89.87672424316406px;
      stroke-dasharray: 89.87672424316406px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 89.87672424316406px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-10-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-10-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-10 {
    -webkit-animation: animate-svg-stroke-10-prod-2-detail-pc 0.8s linear 0.45s both,
                         animate-svg-fill-10-prod-2-detail-pc 0.8s linear 0.29000000000000004s both;
            animation: animate-svg-stroke-10-prod-2-detail-pc 0.8s linear 0.45s both,
                 animate-svg-fill-10-prod-2-detail-pc 0.8s linear 0.29000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-11-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 89.8767318725586px;
      stroke-dasharray: 89.8767318725586px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 89.8767318725586px;
    }
  }
  
  @keyframes animate-svg-stroke-11-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 89.8767318725586px;
      stroke-dasharray: 89.8767318725586px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 89.8767318725586px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-11 {
    -webkit-animation: animate-svg-stroke-11-prod-2-detail-pc 0.8s linear 0.5s both,
                         animate-svg-fill-11-prod-2-detail-pc 0.8s linear 0.30000000000000004s both;
            animation: animate-svg-stroke-11-prod-2-detail-pc 0.8s linear 0.5s both,
                 animate-svg-fill-11-prod-2-detail-pc 0.8s linear 0.30000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-12-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 101.74368286132812px;
      stroke-dasharray: 101.74368286132812px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 101.74368286132812px;
    }
  }
  
  @keyframes animate-svg-stroke-12-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 101.74368286132812px;
      stroke-dasharray: 101.74368286132812px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 101.74368286132812px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-12-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-12-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-12 {
    -webkit-animation: animate-svg-stroke-12-prod-2-detail-pc 0.8s linear 0.55s both,
                         animate-svg-fill-12-prod-2-detail-pc 0.8s linear 0.31s both;
            animation: animate-svg-stroke-12-prod-2-detail-pc 0.8s linear 0.55s both,
                 animate-svg-fill-12-prod-2-detail-pc 0.8s linear 0.31s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-13-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 217.01898193359375px;
      stroke-dasharray: 217.01898193359375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 217.01898193359375px;
    }
  }
  
  @keyframes animate-svg-stroke-13-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 217.01898193359375px;
      stroke-dasharray: 217.01898193359375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 217.01898193359375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-13-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-13-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-13 {
    -webkit-animation: animate-svg-stroke-13-prod-2-detail-pc 0.8s linear 0.6000000000000001s both,
                         animate-svg-fill-13-prod-2-detail-pc 0.8s linear 0.32s both;
            animation: animate-svg-stroke-13-prod-2-detail-pc 0.8s linear 0.6000000000000001s both,
                 animate-svg-fill-13-prod-2-detail-pc 0.8s linear 0.32s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-14-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 176.4051513671875px;
      stroke-dasharray: 176.4051513671875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 176.4051513671875px;
    }
  }
  
  @keyframes animate-svg-stroke-14-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 176.4051513671875px;
      stroke-dasharray: 176.4051513671875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 176.4051513671875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-14-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-14-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-14 {
    -webkit-animation: animate-svg-stroke-14-prod-2-detail-pc 0.8s linear 0.65s both,
                         animate-svg-fill-14-prod-2-detail-pc 0.8s linear 0.33s both;
            animation: animate-svg-stroke-14-prod-2-detail-pc 0.8s linear 0.65s both,
                 animate-svg-fill-14-prod-2-detail-pc 0.8s linear 0.33s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-15-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 184.86517333984375px;
      stroke-dasharray: 184.86517333984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 184.86517333984375px;
    }
  }
  
  @keyframes animate-svg-stroke-15-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 184.86517333984375px;
      stroke-dasharray: 184.86517333984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 184.86517333984375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-15-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-15-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-15 {
    -webkit-animation: animate-svg-stroke-15-prod-2-detail-pc 0.8s linear 0.7000000000000001s both,
                         animate-svg-fill-15-prod-2-detail-pc 0.8s linear 0.34s both;
            animation: animate-svg-stroke-15-prod-2-detail-pc 0.8s linear 0.7000000000000001s both,
                 animate-svg-fill-15-prod-2-detail-pc 0.8s linear 0.34s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-16-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 348.7320251464844px;
      stroke-dasharray: 348.7320251464844px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 348.7320251464844px;
    }
  }
  
  @keyframes animate-svg-stroke-16-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 348.7320251464844px;
      stroke-dasharray: 348.7320251464844px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 348.7320251464844px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-16-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-16-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-16 {
    -webkit-animation: animate-svg-stroke-16-prod-2-detail-pc 0.8s linear 0.75s both,
                         animate-svg-fill-16-prod-2-detail-pc 0.8s linear 0.35s both;
            animation: animate-svg-stroke-16-prod-2-detail-pc 0.8s linear 0.75s both,
                 animate-svg-fill-16-prod-2-detail-pc 0.8s linear 0.35s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-17-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 388.99114990234375px;
      stroke-dasharray: 388.99114990234375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 388.99114990234375px;
    }
  }
  
  @keyframes animate-svg-stroke-17-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 388.99114990234375px;
      stroke-dasharray: 388.99114990234375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 388.99114990234375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-17-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-17-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-17 {
    -webkit-animation: animate-svg-stroke-17-prod-2-detail-pc 0.8s linear 0.8s both,
                         animate-svg-fill-17-prod-2-detail-pc 0.8s linear 0.36s both;
            animation: animate-svg-stroke-17-prod-2-detail-pc 0.8s linear 0.8s both,
                 animate-svg-fill-17-prod-2-detail-pc 0.8s linear 0.36s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-18-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 277.44671630859375px;
      stroke-dasharray: 277.44671630859375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 277.44671630859375px;
    }
  }
  
  @keyframes animate-svg-stroke-18-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 277.44671630859375px;
      stroke-dasharray: 277.44671630859375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 277.44671630859375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-18-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-18-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-18 {
    -webkit-animation: animate-svg-stroke-18-prod-2-detail-pc 0.8s linear 0.8500000000000001s both,
                         animate-svg-fill-18-prod-2-detail-pc 0.8s linear 0.37s both;
            animation: animate-svg-stroke-18-prod-2-detail-pc 0.8s linear 0.8500000000000001s both,
                 animate-svg-fill-18-prod-2-detail-pc 0.8s linear 0.37s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-19-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 779.5091552734375px;
      stroke-dasharray: 779.5091552734375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 779.5091552734375px;
    }
  }
  
  @keyframes animate-svg-stroke-19-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 779.5091552734375px;
      stroke-dasharray: 779.5091552734375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 779.5091552734375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-19-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-19-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-19 {
    -webkit-animation: animate-svg-stroke-19-prod-2-detail-pc 0.8s linear 0.9s both,
                         animate-svg-fill-19-prod-2-detail-pc 0.8s linear 0.38s both;
            animation: animate-svg-stroke-19-prod-2-detail-pc 0.8s linear 0.9s both,
                 animate-svg-fill-19-prod-2-detail-pc 0.8s linear 0.38s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-20-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1185.54541015625px;
      stroke-dasharray: 1185.54541015625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1185.54541015625px;
    }
  }
  
  @keyframes animate-svg-stroke-20-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1185.54541015625px;
      stroke-dasharray: 1185.54541015625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1185.54541015625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-20-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-20-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-20 {
    -webkit-animation: animate-svg-stroke-20-prod-2-detail-pc 0.8s linear 0.9500000000000001s both,
                         animate-svg-fill-20-prod-2-detail-pc 0.8s linear 0.39s both;
            animation: animate-svg-stroke-20-prod-2-detail-pc 0.8s linear 0.9500000000000001s both,
                 animate-svg-fill-20-prod-2-detail-pc 0.8s linear 0.39s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-21-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1344.693603515625px;
      stroke-dasharray: 1344.693603515625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1344.693603515625px;
    }
  }
  
  @keyframes animate-svg-stroke-21-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1344.693603515625px;
      stroke-dasharray: 1344.693603515625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1344.693603515625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-21-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-21-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-21 {
    -webkit-animation: animate-svg-stroke-21-prod-2-detail-pc 0.8s linear 1s both,
                         animate-svg-fill-21-prod-2-detail-pc 0.8s linear 0.4s both;
            animation: animate-svg-stroke-21-prod-2-detail-pc 0.8s linear 1s both,
                 animate-svg-fill-21-prod-2-detail-pc 0.8s linear 0.4s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-22-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 495.2061767578125px;
      stroke-dasharray: 495.2061767578125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 495.2061767578125px;
    }
  }
  
  @keyframes animate-svg-stroke-22-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 495.2061767578125px;
      stroke-dasharray: 495.2061767578125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 495.2061767578125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-22-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-22-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-22 {
    -webkit-animation: animate-svg-stroke-22-prod-2-detail-pc 0.8s linear 1.05s both,
                         animate-svg-fill-22-prod-2-detail-pc 0.8s linear 0.41000000000000003s both;
            animation: animate-svg-stroke-22-prod-2-detail-pc 0.8s linear 1.05s both,
                 animate-svg-fill-22-prod-2-detail-pc 0.8s linear 0.41000000000000003s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-23-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1247.751220703125px;
      stroke-dasharray: 1247.751220703125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1247.751220703125px;
    }
  }
  
  @keyframes animate-svg-stroke-23-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1247.751220703125px;
      stroke-dasharray: 1247.751220703125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1247.751220703125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-23-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-23-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-23 {
    -webkit-animation: animate-svg-stroke-23-prod-2-detail-pc 0.8s linear 1.1s both,
                         animate-svg-fill-23-prod-2-detail-pc 0.8s linear 0.42000000000000004s both;
            animation: animate-svg-stroke-23-prod-2-detail-pc 0.8s linear 1.1s both,
                 animate-svg-fill-23-prod-2-detail-pc 0.8s linear 0.42000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-24-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1247.7515869140625px;
      stroke-dasharray: 1247.7515869140625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1247.7515869140625px;
    }
  }
  
  @keyframes animate-svg-stroke-24-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1247.7515869140625px;
      stroke-dasharray: 1247.7515869140625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1247.7515869140625px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-24 {
    -webkit-animation: animate-svg-stroke-24-prod-2-detail-pc 0.8s linear 1.1500000000000001s both,
                         animate-svg-fill-24-prod-2-detail-pc 0.8s linear 0.43000000000000005s both;
            animation: animate-svg-stroke-24-prod-2-detail-pc 0.8s linear 1.1500000000000001s both,
                 animate-svg-fill-24-prod-2-detail-pc 0.8s linear 0.43000000000000005s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-25-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1529.94580078125px;
      stroke-dasharray: 1529.94580078125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1529.94580078125px;
    }
  }
  
  @keyframes animate-svg-stroke-25-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1529.94580078125px;
      stroke-dasharray: 1529.94580078125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1529.94580078125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-25-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-25-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-25 {
    -webkit-animation: animate-svg-stroke-25-prod-2-detail-pc 0.8s linear 1.2000000000000002s both,
                         animate-svg-fill-25-prod-2-detail-pc 0.8s linear 0.44s both;
            animation: animate-svg-stroke-25-prod-2-detail-pc 0.8s linear 1.2000000000000002s both,
                 animate-svg-fill-25-prod-2-detail-pc 0.8s linear 0.44s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-26-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1813.1046142578125px;
      stroke-dasharray: 1813.1046142578125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1813.1046142578125px;
    }
  }
  
  @keyframes animate-svg-stroke-26-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1813.1046142578125px;
      stroke-dasharray: 1813.1046142578125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1813.1046142578125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-26-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-26-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-26 {
    -webkit-animation: animate-svg-stroke-26-prod-2-detail-pc 0.8s linear 1.25s both,
                         animate-svg-fill-26-prod-2-detail-pc 0.8s linear 0.45s both;
            animation: animate-svg-stroke-26-prod-2-detail-pc 0.8s linear 1.25s both,
                 animate-svg-fill-26-prod-2-detail-pc 0.8s linear 0.45s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-27-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 3053.099853515625px;
      stroke-dasharray: 3053.099853515625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 3053.099853515625px;
    }
  }
  
  @keyframes animate-svg-stroke-27-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 3053.099853515625px;
      stroke-dasharray: 3053.099853515625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 3053.099853515625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-27-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-27-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-27 {
    -webkit-animation: animate-svg-stroke-27-prod-2-detail-pc 0.8s linear 1.3s both,
                         animate-svg-fill-27-prod-2-detail-pc 0.8s linear 0.46s both;
            animation: animate-svg-stroke-27-prod-2-detail-pc 0.8s linear 1.3s both,
                 animate-svg-fill-27-prod-2-detail-pc 0.8s linear 0.46s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-28-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1142.8687744140625px;
      stroke-dasharray: 1142.8687744140625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1142.8687744140625px;
    }
  }
  
  @keyframes animate-svg-stroke-28-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1142.8687744140625px;
      stroke-dasharray: 1142.8687744140625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1142.8687744140625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-28-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-28-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-28 {
    -webkit-animation: animate-svg-stroke-28-prod-2-detail-pc 0.8s linear 1.35s both,
                         animate-svg-fill-28-prod-2-detail-pc 0.8s linear 0.47000000000000003s both;
            animation: animate-svg-stroke-28-prod-2-detail-pc 0.8s linear 1.35s both,
                 animate-svg-fill-28-prod-2-detail-pc 0.8s linear 0.47000000000000003s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-29-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 2163.49755859375px;
      stroke-dasharray: 2163.49755859375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2163.49755859375px;
    }
  }
  
  @keyframes animate-svg-stroke-29-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 2163.49755859375px;
      stroke-dasharray: 2163.49755859375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2163.49755859375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-29-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-29-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-29 {
    -webkit-animation: animate-svg-stroke-29-prod-2-detail-pc 0.8s linear 1.4000000000000001s both,
                         animate-svg-fill-29-prod-2-detail-pc 0.8s linear 0.48000000000000004s both;
            animation: animate-svg-stroke-29-prod-2-detail-pc 0.8s linear 1.4000000000000001s both,
                 animate-svg-fill-29-prod-2-detail-pc 0.8s linear 0.48000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-30-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 2217.99267578125px;
      stroke-dasharray: 2217.99267578125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2217.99267578125px;
    }
  }
  
  @keyframes animate-svg-stroke-30-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 2217.99267578125px;
      stroke-dasharray: 2217.99267578125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 2217.99267578125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-30-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-30-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-30 {
    -webkit-animation: animate-svg-stroke-30-prod-2-detail-pc 0.8s linear 1.4500000000000002s both,
                         animate-svg-fill-30-prod-2-detail-pc 0.8s linear 0.49s both;
            animation: animate-svg-stroke-30-prod-2-detail-pc 0.8s linear 1.4500000000000002s both,
                 animate-svg-fill-30-prod-2-detail-pc 0.8s linear 0.49s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-31-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1425.805908203125px;
      stroke-dasharray: 1425.805908203125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1425.805908203125px;
    }
  }
  
  @keyframes animate-svg-stroke-31-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 1425.805908203125px;
      stroke-dasharray: 1425.805908203125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1425.805908203125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-31-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-31-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-31 {
    -webkit-animation: animate-svg-stroke-31-prod-2-detail-pc 0.8s linear 1.5s both,
                         animate-svg-fill-31-prod-2-detail-pc 0.8s linear 0.5s both;
            animation: animate-svg-stroke-31-prod-2-detail-pc 0.8s linear 1.5s both,
                 animate-svg-fill-31-prod-2-detail-pc 0.8s linear 0.5s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-32-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 15028.1640625px;
      stroke-dasharray: 15028.1640625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 15028.1640625px;
    }
  }
  
  @keyframes animate-svg-stroke-32-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 15028.1640625px;
      stroke-dasharray: 15028.1640625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 15028.1640625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-32-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-32-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-32 {
    -webkit-animation: animate-svg-stroke-32-prod-2-detail-pc 0.8s linear 1.55s both,
                         animate-svg-fill-32-prod-2-detail-pc 0.8s linear 0.51s both;
            animation: animate-svg-stroke-32-prod-2-detail-pc 0.8s linear 1.55s both,
                 animate-svg-fill-32-prod-2-detail-pc 0.8s linear 0.51s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-33-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 53.67927169799805px;
      stroke-dasharray: 53.67927169799805px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 53.67927169799805px;
    }
  }
  
  @keyframes animate-svg-stroke-33-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 53.67927169799805px;
      stroke-dasharray: 53.67927169799805px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 53.67927169799805px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-33-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-33-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-33 {
    -webkit-animation: animate-svg-stroke-33-prod-2-detail-pc 0.8s linear 1.6s both,
                         animate-svg-fill-33-prod-2-detail-pc 0.8s linear 0.52s both;
            animation: animate-svg-stroke-33-prod-2-detail-pc 0.8s linear 1.6s both,
                 animate-svg-fill-33-prod-2-detail-pc 0.8s linear 0.52s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-34-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 90.21968078613281px;
      stroke-dasharray: 90.21968078613281px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 90.21968078613281px;
    }
  }
  
  @keyframes animate-svg-stroke-34-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 90.21968078613281px;
      stroke-dasharray: 90.21968078613281px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 90.21968078613281px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-34-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-34-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-34 {
    -webkit-animation: animate-svg-stroke-34-prod-2-detail-pc 0.8s linear 1.6500000000000001s both,
                         animate-svg-fill-34-prod-2-detail-pc 0.8s linear 0.53s both;
            animation: animate-svg-stroke-34-prod-2-detail-pc 0.8s linear 1.6500000000000001s both,
                 animate-svg-fill-34-prod-2-detail-pc 0.8s linear 0.53s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-35-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 90.21968078613281px;
      stroke-dasharray: 90.21968078613281px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 90.21968078613281px;
    }
  }
  
  @keyframes animate-svg-stroke-35-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 90.21968078613281px;
      stroke-dasharray: 90.21968078613281px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 90.21968078613281px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-35 {
    -webkit-animation: animate-svg-stroke-35-prod-2-detail-pc 0.8s linear 1.7000000000000002s both,
                         animate-svg-fill-35-prod-2-detail-pc 0.8s linear 0.54s both;
            animation: animate-svg-stroke-35-prod-2-detail-pc 0.8s linear 1.7000000000000002s both,
                 animate-svg-fill-35-prod-2-detail-pc 0.8s linear 0.54s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-36-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 125.82044219970703px;
      stroke-dasharray: 125.82044219970703px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 125.82044219970703px;
    }
  }
  
  @keyframes animate-svg-stroke-36-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 125.82044219970703px;
      stroke-dasharray: 125.82044219970703px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 125.82044219970703px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-36-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-36-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-36 {
    -webkit-animation: animate-svg-stroke-36-prod-2-detail-pc 0.8s linear 1.75s both,
                         animate-svg-fill-36-prod-2-detail-pc 0.8s linear 0.55s both;
            animation: animate-svg-stroke-36-prod-2-detail-pc 0.8s linear 1.75s both,
                 animate-svg-fill-36-prod-2-detail-pc 0.8s linear 0.55s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-37-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 224.8672637939453px;
      stroke-dasharray: 224.8672637939453px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 224.8672637939453px;
    }
  }
  
  @keyframes animate-svg-stroke-37-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 224.8672637939453px;
      stroke-dasharray: 224.8672637939453px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 224.8672637939453px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-37-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-37-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-37 {
    -webkit-animation: animate-svg-stroke-37-prod-2-detail-pc 0.8s linear 1.8s both,
                         animate-svg-fill-37-prod-2-detail-pc 0.8s linear 0.56s both;
            animation: animate-svg-stroke-37-prod-2-detail-pc 0.8s linear 1.8s both,
                 animate-svg-fill-37-prod-2-detail-pc 0.8s linear 0.56s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-38-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 471.93115234375px;
      stroke-dasharray: 471.93115234375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 471.93115234375px;
    }
  }
  
  @keyframes animate-svg-stroke-38-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 471.93115234375px;
      stroke-dasharray: 471.93115234375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 471.93115234375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-38-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-38-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-38 {
    -webkit-animation: animate-svg-stroke-38-prod-2-detail-pc 0.8s linear 1.85s both,
                         animate-svg-fill-38-prod-2-detail-pc 0.8s linear 0.5700000000000001s both;
            animation: animate-svg-stroke-38-prod-2-detail-pc 0.8s linear 1.85s both,
                 animate-svg-fill-38-prod-2-detail-pc 0.8s linear 0.5700000000000001s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-39-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 5420.68310546875px;
      stroke-dasharray: 5420.68310546875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 5420.68310546875px;
    }
  }
  
  @keyframes animate-svg-stroke-39-prod-2-detail-pc {
    0% {
      stroke-dashoffset: 5420.68310546875px;
      stroke-dasharray: 5420.68310546875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 5420.68310546875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-39-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-39-prod-2-detail-pc {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-pc-39 {
    -webkit-animation: animate-svg-stroke-39-prod-2-detail-pc 0.8s linear 1.9000000000000001s both,
                         animate-svg-fill-39-prod-2-detail-pc 0.8s linear 0.5800000000000001s both;
            animation: animate-svg-stroke-39-prod-2-detail-pc 0.8s linear 1.9000000000000001s both,
                 animate-svg-fill-39-prod-2-detail-pc 0.8s linear 0.5800000000000001s both;
  }


  
/***************************************************
 prod 2 detail mobile
 **************************************************/
 .page__hero.medications .hero__image svg:not(.svg-draw) {
    opacity: 0;
  }
 @-webkit-keyframes animate-svg-stroke-1-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 18.282060623168945px;
      stroke-dasharray: 18.282060623168945px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 18.282060623168945px;
    }
  }
  
  @keyframes animate-svg-stroke-1-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 18.282060623168945px;
      stroke-dasharray: 18.282060623168945px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 18.282060623168945px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-1-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-1-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-1 {
    -webkit-animation: animate-svg-stroke-1-prod-2-detail-mobile 0.8s linear 0s both,
                         animate-svg-fill-1-prod-2-detail-mobile 0.8s linear 0.2s both;
            animation: animate-svg-stroke-1-prod-2-detail-mobile 0.8s linear 0s both,
                 animate-svg-fill-1-prod-2-detail-mobile 0.8s linear 0.2s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-2-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 17.1991024017334px;
      stroke-dasharray: 17.1991024017334px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 17.1991024017334px;
    }
  }
  
  @keyframes animate-svg-stroke-2-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 17.1991024017334px;
      stroke-dasharray: 17.1991024017334px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 17.1991024017334px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-2-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-2-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-2 {
    -webkit-animation: animate-svg-stroke-2-prod-2-detail-mobile 0.8s linear 0.05s both,
                         animate-svg-fill-2-prod-2-detail-mobile 0.8s linear 0.21000000000000002s both;
            animation: animate-svg-stroke-2-prod-2-detail-mobile 0.8s linear 0.05s both,
                 animate-svg-fill-2-prod-2-detail-mobile 0.8s linear 0.21000000000000002s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-3-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 17.1991024017334px;
      stroke-dasharray: 17.1991024017334px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 17.1991024017334px;
    }
  }
  
  @keyframes animate-svg-stroke-3-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 17.1991024017334px;
      stroke-dasharray: 17.1991024017334px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 17.1991024017334px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-3 {
    -webkit-animation: animate-svg-stroke-3-prod-2-detail-mobile 0.8s linear 0.1s both,
                         animate-svg-fill-3-prod-2-detail-mobile 0.8s linear 0.22s both;
            animation: animate-svg-stroke-3-prod-2-detail-mobile 0.8s linear 0.1s both,
                 animate-svg-fill-3-prod-2-detail-mobile 0.8s linear 0.22s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-4-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 24.858579635620117px;
      stroke-dasharray: 24.858579635620117px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 24.858579635620117px;
    }
  }
  
  @keyframes animate-svg-stroke-4-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 24.858579635620117px;
      stroke-dasharray: 24.858579635620117px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 24.858579635620117px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-4-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-4-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-4 {
    -webkit-animation: animate-svg-stroke-4-prod-2-detail-mobile 0.8s linear 0.15000000000000002s both,
                         animate-svg-fill-4-prod-2-detail-mobile 0.8s linear 0.23s both;
            animation: animate-svg-stroke-4-prod-2-detail-mobile 0.8s linear 0.15000000000000002s both,
                 animate-svg-fill-4-prod-2-detail-mobile 0.8s linear 0.23s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-5-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 24.858577728271484px;
      stroke-dasharray: 24.858577728271484px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 24.858577728271484px;
    }
  }
  
  @keyframes animate-svg-stroke-5-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 24.858577728271484px;
      stroke-dasharray: 24.858577728271484px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 24.858577728271484px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-5 {
    -webkit-animation: animate-svg-stroke-5-prod-2-detail-mobile 0.8s linear 0.2s both,
                         animate-svg-fill-5-prod-2-detail-mobile 0.8s linear 0.24000000000000002s both;
            animation: animate-svg-stroke-5-prod-2-detail-mobile 0.8s linear 0.2s both,
                 animate-svg-fill-5-prod-2-detail-mobile 0.8s linear 0.24000000000000002s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-6-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 44.54280090332031px;
      stroke-dasharray: 44.54280090332031px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 44.54280090332031px;
    }
  }
  
  @keyframes animate-svg-stroke-6-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 44.54280090332031px;
      stroke-dasharray: 44.54280090332031px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 44.54280090332031px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-6-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-6-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-6 {
    -webkit-animation: animate-svg-stroke-6-prod-2-detail-mobile 0.8s linear 0.25s both,
                         animate-svg-fill-6-prod-2-detail-mobile 0.8s linear 0.25s both;
            animation: animate-svg-stroke-6-prod-2-detail-mobile 0.8s linear 0.25s both,
                 animate-svg-fill-6-prod-2-detail-mobile 0.8s linear 0.25s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-7-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 33.195556640625px;
      stroke-dasharray: 33.195556640625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 33.195556640625px;
    }
  }
  
  @keyframes animate-svg-stroke-7-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 33.195556640625px;
      stroke-dasharray: 33.195556640625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 33.195556640625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-7-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-7-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-7 {
    -webkit-animation: animate-svg-stroke-7-prod-2-detail-mobile 0.8s linear 0.30000000000000004s both,
                         animate-svg-fill-7-prod-2-detail-mobile 0.8s linear 0.26s both;
            animation: animate-svg-stroke-7-prod-2-detail-mobile 0.8s linear 0.30000000000000004s both,
                 animate-svg-fill-7-prod-2-detail-mobile 0.8s linear 0.26s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-8-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 33.195556640625px;
      stroke-dasharray: 33.195556640625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 33.195556640625px;
    }
  }
  
  @keyframes animate-svg-stroke-8-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 33.195556640625px;
      stroke-dasharray: 33.195556640625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 33.195556640625px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-8 {
    -webkit-animation: animate-svg-stroke-8-prod-2-detail-mobile 0.8s linear 0.35000000000000003s both,
                         animate-svg-fill-8-prod-2-detail-mobile 0.8s linear 0.27s both;
            animation: animate-svg-stroke-8-prod-2-detail-mobile 0.8s linear 0.35000000000000003s both,
                 animate-svg-fill-8-prod-2-detail-mobile 0.8s linear 0.27s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-9-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 37.650970458984375px;
      stroke-dasharray: 37.650970458984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 37.650970458984375px;
    }
  }
  
  @keyframes animate-svg-stroke-9-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 37.650970458984375px;
      stroke-dasharray: 37.650970458984375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 37.650970458984375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-9-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-9-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-9 {
    -webkit-animation: animate-svg-stroke-9-prod-2-detail-mobile 0.8s linear 0.4s both,
                         animate-svg-fill-9-prod-2-detail-mobile 0.8s linear 0.28s both;
            animation: animate-svg-stroke-9-prod-2-detail-mobile 0.8s linear 0.4s both,
                 animate-svg-fill-9-prod-2-detail-mobile 0.8s linear 0.28s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-10-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 78.57227325439453px;
      stroke-dasharray: 78.57227325439453px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 78.57227325439453px;
    }
  }
  
  @keyframes animate-svg-stroke-10-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 78.57227325439453px;
      stroke-dasharray: 78.57227325439453px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 78.57227325439453px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-10-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-10-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-10 {
    -webkit-animation: animate-svg-stroke-10-prod-2-detail-mobile 0.8s linear 0.45s both,
                         animate-svg-fill-10-prod-2-detail-mobile 0.8s linear 0.29000000000000004s both;
            animation: animate-svg-stroke-10-prod-2-detail-mobile 0.8s linear 0.45s both,
                 animate-svg-fill-10-prod-2-detail-mobile 0.8s linear 0.29000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-11-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 64.4296760559082px;
      stroke-dasharray: 64.4296760559082px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 64.4296760559082px;
    }
  }
  
  @keyframes animate-svg-stroke-11-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 64.4296760559082px;
      stroke-dasharray: 64.4296760559082px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 64.4296760559082px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-11-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-11-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-11 {
    -webkit-animation: animate-svg-stroke-11-prod-2-detail-mobile 0.8s linear 0.5s both,
                         animate-svg-fill-11-prod-2-detail-mobile 0.8s linear 0.30000000000000004s both;
            animation: animate-svg-stroke-11-prod-2-detail-mobile 0.8s linear 0.5s both,
                 animate-svg-fill-11-prod-2-detail-mobile 0.8s linear 0.30000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-12-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 67.67802429199219px;
      stroke-dasharray: 67.67802429199219px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 67.67802429199219px;
    }
  }
  
  @keyframes animate-svg-stroke-12-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 67.67802429199219px;
      stroke-dasharray: 67.67802429199219px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 67.67802429199219px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-12-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-12-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-12 {
    -webkit-animation: animate-svg-stroke-12-prod-2-detail-mobile 0.8s linear 0.55s both,
                         animate-svg-fill-12-prod-2-detail-mobile 0.8s linear 0.31s both;
            animation: animate-svg-stroke-12-prod-2-detail-mobile 0.8s linear 0.55s both,
                 animate-svg-fill-12-prod-2-detail-mobile 0.8s linear 0.31s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-13-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 125.58540344238281px;
      stroke-dasharray: 125.58540344238281px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 125.58540344238281px;
    }
  }
  
  @keyframes animate-svg-stroke-13-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 125.58540344238281px;
      stroke-dasharray: 125.58540344238281px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 125.58540344238281px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-13-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-13-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-13 {
    -webkit-animation: animate-svg-stroke-13-prod-2-detail-mobile 0.8s linear 0.6000000000000001s both,
                         animate-svg-fill-13-prod-2-detail-mobile 0.8s linear 0.32s both;
            animation: animate-svg-stroke-13-prod-2-detail-mobile 0.8s linear 0.6000000000000001s both,
                 animate-svg-fill-13-prod-2-detail-mobile 0.8s linear 0.32s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-14-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 141.04327392578125px;
      stroke-dasharray: 141.04327392578125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 141.04327392578125px;
    }
  }
  
  @keyframes animate-svg-stroke-14-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 141.04327392578125px;
      stroke-dasharray: 141.04327392578125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 141.04327392578125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-14-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-14-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-14 {
    -webkit-animation: animate-svg-stroke-14-prod-2-detail-mobile 0.8s linear 0.65s both,
                         animate-svg-fill-14-prod-2-detail-mobile 0.8s linear 0.33s both;
            animation: animate-svg-stroke-14-prod-2-detail-mobile 0.8s linear 0.65s both,
                 animate-svg-fill-14-prod-2-detail-mobile 0.8s linear 0.33s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-15-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 100.64619445800781px;
      stroke-dasharray: 100.64619445800781px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 100.64619445800781px;
    }
  }
  
  @keyframes animate-svg-stroke-15-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 100.64619445800781px;
      stroke-dasharray: 100.64619445800781px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 100.64619445800781px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-15-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-15-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-15 {
    -webkit-animation: animate-svg-stroke-15-prod-2-detail-mobile 0.8s linear 0.7000000000000001s both,
                         animate-svg-fill-15-prod-2-detail-mobile 0.8s linear 0.34s both;
            animation: animate-svg-stroke-15-prod-2-detail-mobile 0.8s linear 0.7000000000000001s both,
                 animate-svg-fill-15-prod-2-detail-mobile 0.8s linear 0.34s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-16-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 279.21954345703125px;
      stroke-dasharray: 279.21954345703125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 279.21954345703125px;
    }
  }
  
  @keyframes animate-svg-stroke-16-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 279.21954345703125px;
      stroke-dasharray: 279.21954345703125px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 279.21954345703125px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-16-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-16-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-16 {
    -webkit-animation: animate-svg-stroke-16-prod-2-detail-mobile 0.8s linear 0.75s both,
                         animate-svg-fill-16-prod-2-detail-mobile 0.8s linear 0.35s both;
            animation: animate-svg-stroke-16-prod-2-detail-mobile 0.8s linear 0.75s both,
                 animate-svg-fill-16-prod-2-detail-mobile 0.8s linear 0.35s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-17-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 422.4996337890625px;
      stroke-dasharray: 422.4996337890625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 422.4996337890625px;
    }
  }
  
  @keyframes animate-svg-stroke-17-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 422.4996337890625px;
      stroke-dasharray: 422.4996337890625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 422.4996337890625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-17-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-17-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-17 {
    -webkit-animation: animate-svg-stroke-17-prod-2-detail-mobile 0.8s linear 0.8s both,
                         animate-svg-fill-17-prod-2-detail-mobile 0.8s linear 0.36s both;
            animation: animate-svg-stroke-17-prod-2-detail-mobile 0.8s linear 0.8s both,
                 animate-svg-fill-17-prod-2-detail-mobile 0.8s linear 0.36s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-18-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 478.9326477050781px;
      stroke-dasharray: 478.9326477050781px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 478.9326477050781px;
    }
  }
  
  @keyframes animate-svg-stroke-18-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 478.9326477050781px;
      stroke-dasharray: 478.9326477050781px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 478.9326477050781px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-18-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-18-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-18 {
    -webkit-animation: animate-svg-stroke-18-prod-2-detail-mobile 0.8s linear 0.8500000000000001s both,
                         animate-svg-fill-18-prod-2-detail-mobile 0.8s linear 0.37s both;
            animation: animate-svg-stroke-18-prod-2-detail-mobile 0.8s linear 0.8500000000000001s both,
                 animate-svg-fill-18-prod-2-detail-mobile 0.8s linear 0.37s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-19-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 177.80487060546875px;
      stroke-dasharray: 177.80487060546875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 177.80487060546875px;
    }
  }
  
  @keyframes animate-svg-stroke-19-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 177.80487060546875px;
      stroke-dasharray: 177.80487060546875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 177.80487060546875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-19-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-19-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-19 {
    -webkit-animation: animate-svg-stroke-19-prod-2-detail-mobile 0.8s linear 0.9s both,
                         animate-svg-fill-19-prod-2-detail-mobile 0.8s linear 0.38s both;
            animation: animate-svg-stroke-19-prod-2-detail-mobile 0.8s linear 0.9s both,
                 animate-svg-fill-19-prod-2-detail-mobile 0.8s linear 0.38s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-20-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 450.17572021484375px;
      stroke-dasharray: 450.17572021484375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 450.17572021484375px;
    }
  }
  
  @keyframes animate-svg-stroke-20-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 450.17572021484375px;
      stroke-dasharray: 450.17572021484375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 450.17572021484375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-20-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-20-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-20 {
    -webkit-animation: animate-svg-stroke-20-prod-2-detail-mobile 0.8s linear 0.9500000000000001s both,
                         animate-svg-fill-20-prod-2-detail-mobile 0.8s linear 0.39s both;
            animation: animate-svg-stroke-20-prod-2-detail-mobile 0.8s linear 0.9500000000000001s both,
                 animate-svg-fill-20-prod-2-detail-mobile 0.8s linear 0.39s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-21-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 450.1756591796875px;
      stroke-dasharray: 450.1756591796875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 450.1756591796875px;
    }
  }
  
  @keyframes animate-svg-stroke-21-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 450.1756591796875px;
      stroke-dasharray: 450.1756591796875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 450.1756591796875px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-21 {
    -webkit-animation: animate-svg-stroke-21-prod-2-detail-mobile 0.8s linear 1s both,
                         animate-svg-fill-21-prod-2-detail-mobile 0.8s linear 0.4s both;
            animation: animate-svg-stroke-21-prod-2-detail-mobile 0.8s linear 1s both,
                 animate-svg-fill-21-prod-2-detail-mobile 0.8s linear 0.4s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-22-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 552.2974853515625px;
      stroke-dasharray: 552.2974853515625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 552.2974853515625px;
    }
  }
  
  @keyframes animate-svg-stroke-22-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 552.2974853515625px;
      stroke-dasharray: 552.2974853515625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 552.2974853515625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-22-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-22-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-22 {
    -webkit-animation: animate-svg-stroke-22-prod-2-detail-mobile 0.8s linear 1.05s both,
                         animate-svg-fill-22-prod-2-detail-mobile 0.8s linear 0.41000000000000003s both;
            animation: animate-svg-stroke-22-prod-2-detail-mobile 0.8s linear 1.05s both,
                 animate-svg-fill-22-prod-2-detail-mobile 0.8s linear 0.41000000000000003s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-23-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 651.5153198242188px;
      stroke-dasharray: 651.5153198242188px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 651.5153198242188px;
    }
  }
  
  @keyframes animate-svg-stroke-23-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 651.5153198242188px;
      stroke-dasharray: 651.5153198242188px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 651.5153198242188px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-23-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-23-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-23 {
    -webkit-animation: animate-svg-stroke-23-prod-2-detail-mobile 0.8s linear 1.1s both,
                         animate-svg-fill-23-prod-2-detail-mobile 0.8s linear 0.42000000000000004s both;
            animation: animate-svg-stroke-23-prod-2-detail-mobile 0.8s linear 1.1s both,
                 animate-svg-fill-23-prod-2-detail-mobile 0.8s linear 0.42000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-24-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 1092.2054443359375px;
      stroke-dasharray: 1092.2054443359375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1092.2054443359375px;
    }
  }
  
  @keyframes animate-svg-stroke-24-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 1092.2054443359375px;
      stroke-dasharray: 1092.2054443359375px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 1092.2054443359375px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-24-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-24-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-24 {
    -webkit-animation: animate-svg-stroke-24-prod-2-detail-mobile 0.8s linear 1.1500000000000001s both,
                         animate-svg-fill-24-prod-2-detail-mobile 0.8s linear 0.43000000000000005s both;
            animation: animate-svg-stroke-24-prod-2-detail-mobile 0.8s linear 1.1500000000000001s both,
                 animate-svg-fill-24-prod-2-detail-mobile 0.8s linear 0.43000000000000005s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-25-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 409.1208801269531px;
      stroke-dasharray: 409.1208801269531px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 409.1208801269531px;
    }
  }
  
  @keyframes animate-svg-stroke-25-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 409.1208801269531px;
      stroke-dasharray: 409.1208801269531px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 409.1208801269531px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-25-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-25-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-25 {
    -webkit-animation: animate-svg-stroke-25-prod-2-detail-mobile 0.8s linear 1.2000000000000002s both,
                         animate-svg-fill-25-prod-2-detail-mobile 0.8s linear 0.44s both;
            animation: animate-svg-stroke-25-prod-2-detail-mobile 0.8s linear 1.2000000000000002s both,
                 animate-svg-fill-25-prod-2-detail-mobile 0.8s linear 0.44s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-26-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 776.85009765625px;
      stroke-dasharray: 776.85009765625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 776.85009765625px;
    }
  }
  
  @keyframes animate-svg-stroke-26-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 776.85009765625px;
      stroke-dasharray: 776.85009765625px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 776.85009765625px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-26-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-26-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-26 {
    -webkit-animation: animate-svg-stroke-26-prod-2-detail-mobile 0.8s linear 1.25s both,
                         animate-svg-fill-26-prod-2-detail-mobile 0.8s linear 0.45s both;
            animation: animate-svg-stroke-26-prod-2-detail-mobile 0.8s linear 1.25s both,
                 animate-svg-fill-26-prod-2-detail-mobile 0.8s linear 0.45s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-27-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 793.60107421875px;
      stroke-dasharray: 793.60107421875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 793.60107421875px;
    }
  }
  
  @keyframes animate-svg-stroke-27-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 793.60107421875px;
      stroke-dasharray: 793.60107421875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 793.60107421875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-27-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-27-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-27 {
    -webkit-animation: animate-svg-stroke-27-prod-2-detail-mobile 0.8s linear 1.3s both,
                         animate-svg-fill-27-prod-2-detail-mobile 0.8s linear 0.46s both;
            animation: animate-svg-stroke-27-prod-2-detail-mobile 0.8s linear 1.3s both,
                 animate-svg-fill-27-prod-2-detail-mobile 0.8s linear 0.46s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-28-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 509.268310546875px;
      stroke-dasharray: 509.268310546875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 509.268310546875px;
    }
  }
  
  @keyframes animate-svg-stroke-28-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 509.268310546875px;
      stroke-dasharray: 509.268310546875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 509.268310546875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-28-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-28-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-28 {
    -webkit-animation: animate-svg-stroke-28-prod-2-detail-mobile 0.8s linear 1.35s both,
                         animate-svg-fill-28-prod-2-detail-mobile 0.8s linear 0.47000000000000003s both;
            animation: animate-svg-stroke-28-prod-2-detail-mobile 0.8s linear 1.35s both,
                 animate-svg-fill-28-prod-2-detail-mobile 0.8s linear 0.47000000000000003s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-29-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 5366.8232421875px;
      stroke-dasharray: 5366.8232421875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 5366.8232421875px;
    }
  }
  
  @keyframes animate-svg-stroke-29-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 5366.8232421875px;
      stroke-dasharray: 5366.8232421875px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 5366.8232421875px;
    }
  }
  
  @-webkit-keyframes animate-svg-fill-29-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  @keyframes animate-svg-fill-29-prod-2-detail-mobile {
    0% {
      fill: transparent;
    }
  
    100% {
      fill: rgb(178, 144, 216);
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-29 {
    -webkit-animation: animate-svg-stroke-29-prod-2-detail-mobile 0.8s linear 1.4000000000000001s both,
                         animate-svg-fill-29-prod-2-detail-mobile 0.8s linear 0.48000000000000004s both;
            animation: animate-svg-stroke-29-prod-2-detail-mobile 0.8s linear 1.4000000000000001s both,
                 animate-svg-fill-29-prod-2-detail-mobile 0.8s linear 0.48000000000000004s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-30-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 895.8043823242188px;
      stroke-dasharray: 895.8043823242188px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 895.8043823242188px;
    }
  }
  
  @keyframes animate-svg-stroke-30-prod-2-detail-mobile {
    0% {
      stroke-dashoffset: 895.8043823242188px;
      stroke-dasharray: 895.8043823242188px;
    }
  
    100% {
      stroke-dashoffset: 0;
      stroke-dasharray: 895.8043823242188px;
    }
  }
  
  .svg-draw .svg-draw-prod-2-detail-mobile-30 {
    -webkit-animation: animate-svg-stroke-30-prod-2-detail-mobile 0.8s linear 1.4500000000000002s both,
                         animate-svg-fill-30-prod-2-detail-mobile 0.8s linear 0.49s both;
            animation: animate-svg-stroke-30-prod-2-detail-mobile 0.8s linear 1.4500000000000002s both,
                 animate-svg-fill-30-prod-2-detail-mobile 0.8s linear 0.49s both;
  }


/***************************************************
 prod 3 detail mobile
 **************************************************/

  .page__hero.medications .hero__image svg:not(.svg-draw) {
    opacity: 0;
    }

  @-webkit-keyframes animate-svg-stroke-1-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 2395.440185546875px;
      stroke-dasharray: 2395.440185546875px;
    }

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

  @keyframes animate-svg-stroke-1-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 2395.440185546875px;
      stroke-dasharray: 2395.440185546875px;
    }

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

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

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

  @keyframes animate-svg-fill-1-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

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

  @-webkit-keyframes animate-svg-stroke-2-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 2588.671875px;
      stroke-dasharray: 2588.671875px;
    }

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

  @keyframes animate-svg-stroke-2-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 2588.671875px;
      stroke-dasharray: 2588.671875px;
    }

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

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

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

  @keyframes animate-svg-fill-2-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-2 {
    -webkit-animation: animate-svg-stroke-2-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both,
                        animate-svg-fill-2-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both;
            animation: animate-svg-stroke-2-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both,
                animate-svg-fill-2-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both;
  }

  @-webkit-keyframes animate-svg-stroke-3-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 102.47355651855469px;
      stroke-dasharray: 102.47355651855469px;
    }

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

  @keyframes animate-svg-stroke-3-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 102.47355651855469px;
      stroke-dasharray: 102.47355651855469px;
    }

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

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

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

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

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

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

  @-webkit-keyframes animate-svg-stroke-4-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 462.18597412109375px;
      stroke-dasharray: 462.18597412109375px;
    }

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

  @keyframes animate-svg-stroke-4-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 462.18597412109375px;
      stroke-dasharray: 462.18597412109375px;
    }

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

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

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

  @keyframes animate-svg-fill-4-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-4 {
    -webkit-animation: animate-svg-stroke-4-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both,
                        animate-svg-fill-4-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both;
            animation: animate-svg-stroke-4-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both,
                animate-svg-fill-4-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both;
  }

  @-webkit-keyframes animate-svg-stroke-5-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 697.38330078125px;
      stroke-dasharray: 697.38330078125px;
    }

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

  @keyframes animate-svg-stroke-5-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 697.38330078125px;
      stroke-dasharray: 697.38330078125px;
    }

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

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

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

  @keyframes animate-svg-fill-5-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-5 {
    -webkit-animation: animate-svg-stroke-5-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both,
                        animate-svg-fill-5-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both;
            animation: animate-svg-stroke-5-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both,
                animate-svg-fill-5-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both;
  }

  @-webkit-keyframes animate-svg-stroke-6-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 236.77093505859375px;
      stroke-dasharray: 236.77093505859375px;
    }

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

  @keyframes animate-svg-stroke-6-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 236.77093505859375px;
      stroke-dasharray: 236.77093505859375px;
    }

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

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

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

  @keyframes animate-svg-fill-6-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-6 {
    -webkit-animation: animate-svg-stroke-6-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both,
                        animate-svg-fill-6-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both;
            animation: animate-svg-stroke-6-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both,
                animate-svg-fill-6-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both;
  }

  @-webkit-keyframes animate-svg-stroke-7-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 125.01363372802734px;
      stroke-dasharray: 125.01363372802734px;
    }

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

  @keyframes animate-svg-stroke-7-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 125.01363372802734px;
      stroke-dasharray: 125.01363372802734px;
    }

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

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

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

  @keyframes animate-svg-fill-7-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-7 {
    -webkit-animation: animate-svg-stroke-7-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both,
                        animate-svg-fill-7-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both;
            animation: animate-svg-stroke-7-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both,
                animate-svg-fill-7-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both;
  }

  @-webkit-keyframes animate-svg-stroke-8-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 117.89617919921875px;
      stroke-dasharray: 117.89617919921875px;
    }

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

  @keyframes animate-svg-stroke-8-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 117.89617919921875px;
      stroke-dasharray: 117.89617919921875px;
    }

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

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

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

  @keyframes animate-svg-fill-8-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-8 {
    -webkit-animation: animate-svg-stroke-8-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both,
                        animate-svg-fill-8-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both;
            animation: animate-svg-stroke-8-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both,
                animate-svg-fill-8-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both;
  }

  @-webkit-keyframes animate-svg-stroke-9-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 78.64542388916016px;
      stroke-dasharray: 78.64542388916016px;
    }

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

  @keyframes animate-svg-stroke-9-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 78.64542388916016px;
      stroke-dasharray: 78.64542388916016px;
    }

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

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

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

  @keyframes animate-svg-fill-9-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-9 {
    -webkit-animation: animate-svg-stroke-9-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s both,
                        animate-svg-fill-9-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s both;
            animation: animate-svg-stroke-9-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s both,
                animate-svg-fill-9-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s both;
  }

  @-webkit-keyframes animate-svg-stroke-10-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 60.7686882019043px;
      stroke-dasharray: 60.7686882019043px;
    }

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

  @keyframes animate-svg-stroke-10-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 60.7686882019043px;
      stroke-dasharray: 60.7686882019043px;
    }

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

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

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

  @keyframes animate-svg-fill-10-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-10 {
    -webkit-animation: animate-svg-stroke-10-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.09s both,
                        animate-svg-fill-10-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.09s both;
            animation: animate-svg-stroke-10-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.09s both,
                animate-svg-fill-10-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.09s both;
  }

  @-webkit-keyframes animate-svg-stroke-11-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 66.32870483398438px;
      stroke-dasharray: 66.32870483398438px;
    }

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

  @keyframes animate-svg-stroke-11-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 66.32870483398438px;
      stroke-dasharray: 66.32870483398438px;
    }

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

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

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

  @keyframes animate-svg-fill-11-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-11 {
    -webkit-animation: animate-svg-stroke-11-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both,
                        animate-svg-fill-11-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both;
            animation: animate-svg-stroke-11-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both,
                animate-svg-fill-11-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both;
  }

  @-webkit-keyframes animate-svg-stroke-12-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 98.5835952758789px;
      stroke-dasharray: 98.5835952758789px;
    }

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

  @keyframes animate-svg-stroke-12-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 98.5835952758789px;
      stroke-dasharray: 98.5835952758789px;
    }

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

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

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

  @keyframes animate-svg-fill-12-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-12 {
    -webkit-animation: animate-svg-stroke-12-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.11s both,
                        animate-svg-fill-12-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.11s both;
            animation: animate-svg-stroke-12-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.11s both,
                animate-svg-fill-12-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.11s both;
  }

  @-webkit-keyframes animate-svg-stroke-13-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 65.02160263061523px;
      stroke-dasharray: 65.02160263061523px;
    }

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

  @keyframes animate-svg-stroke-13-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 65.02160263061523px;
      stroke-dasharray: 65.02160263061523px;
    }

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

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

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

  @keyframes animate-svg-fill-13-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-13 {
    -webkit-animation: animate-svg-stroke-13-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                        animate-svg-fill-13-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
            animation: animate-svg-stroke-13-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                animate-svg-fill-13-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
  }

  @-webkit-keyframes animate-svg-stroke-14-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 65.776123046875px;
      stroke-dasharray: 65.776123046875px;
    }

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

  @keyframes animate-svg-stroke-14-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 65.776123046875px;
      stroke-dasharray: 65.776123046875px;
    }

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

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

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

  @keyframes animate-svg-fill-14-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-14 {
    -webkit-animation: animate-svg-stroke-14-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.13s both,
                        animate-svg-fill-14-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.13s both;
            animation: animate-svg-stroke-14-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.13s both,
                animate-svg-fill-14-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.13s both;
  }

  @-webkit-keyframes animate-svg-stroke-15-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 68.2699966430664px;
      stroke-dasharray: 68.2699966430664px;
    }

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

  @keyframes animate-svg-stroke-15-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 68.2699966430664px;
      stroke-dasharray: 68.2699966430664px;
    }

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

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

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

  @keyframes animate-svg-fill-15-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-15 {
    -webkit-animation: animate-svg-stroke-15-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s both,
                        animate-svg-fill-15-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s both;
            animation: animate-svg-stroke-15-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s both,
                animate-svg-fill-15-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s both;
  }

  @-webkit-keyframes animate-svg-stroke-16-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 52.094242095947266px;
      stroke-dasharray: 52.094242095947266px;
    }

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

  @keyframes animate-svg-stroke-16-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 52.094242095947266px;
      stroke-dasharray: 52.094242095947266px;
    }

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

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

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

  @keyframes animate-svg-fill-16-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-16 {
    -webkit-animation: animate-svg-stroke-16-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15s both,
                        animate-svg-fill-16-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15s both;
            animation: animate-svg-stroke-16-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15s both,
                animate-svg-fill-16-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15s both;
  }

  @-webkit-keyframes animate-svg-stroke-17-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 47.725921630859375px;
      stroke-dasharray: 47.725921630859375px;
    }

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

  @keyframes animate-svg-stroke-17-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 47.725921630859375px;
      stroke-dasharray: 47.725921630859375px;
    }

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

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

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

  @keyframes animate-svg-fill-17-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-17 {
    -webkit-animation: animate-svg-stroke-17-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s both,
                        animate-svg-fill-17-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s both;
            animation: animate-svg-stroke-17-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s both,
                animate-svg-fill-17-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s both;
  }

  @-webkit-keyframes animate-svg-stroke-18-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 45.350955963134766px;
      stroke-dasharray: 45.350955963134766px;
    }

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

  @keyframes animate-svg-stroke-18-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 45.350955963134766px;
      stroke-dasharray: 45.350955963134766px;
    }

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

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

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

  @keyframes animate-svg-fill-18-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-18 {
    -webkit-animation: animate-svg-stroke-18-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.17s both,
                        animate-svg-fill-18-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.17s both;
            animation: animate-svg-stroke-18-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.17s both,
                animate-svg-fill-18-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.17s both;
  }

  @-webkit-keyframes animate-svg-stroke-19-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 46.38991928100586px;
      stroke-dasharray: 46.38991928100586px;
    }

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

  @keyframes animate-svg-stroke-19-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 46.38991928100586px;
      stroke-dasharray: 46.38991928100586px;
    }

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

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

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

  @keyframes animate-svg-fill-19-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-19 {
    -webkit-animation: animate-svg-stroke-19-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s both,
                        animate-svg-fill-19-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s both;
            animation: animate-svg-stroke-19-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s both,
                animate-svg-fill-19-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s both;
  }

  @-webkit-keyframes animate-svg-stroke-20-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 42.09695053100586px;
      stroke-dasharray: 42.09695053100586px;
    }

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

  @keyframes animate-svg-stroke-20-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 42.09695053100586px;
      stroke-dasharray: 42.09695053100586px;
    }

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

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

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

  @keyframes animate-svg-fill-20-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-20 {
    -webkit-animation: animate-svg-stroke-20-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.19s both,
                        animate-svg-fill-20-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.19s both;
            animation: animate-svg-stroke-20-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.19s both,
                animate-svg-fill-20-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.19s both;
  }

  @-webkit-keyframes animate-svg-stroke-21-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 41.76654815673828px;
      stroke-dasharray: 41.76654815673828px;
    }

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

  @keyframes animate-svg-stroke-21-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 41.76654815673828px;
      stroke-dasharray: 41.76654815673828px;
    }

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

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

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

  @keyframes animate-svg-fill-21-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-21 {
    -webkit-animation: animate-svg-stroke-21-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both,
                        animate-svg-fill-21-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both;
            animation: animate-svg-stroke-21-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both,
                animate-svg-fill-21-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both;
  }

  @-webkit-keyframes animate-svg-stroke-22-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 47.8238410949707px;
      stroke-dasharray: 47.8238410949707px;
    }

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

  @keyframes animate-svg-stroke-22-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 47.8238410949707px;
      stroke-dasharray: 47.8238410949707px;
    }

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

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

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

  @keyframes animate-svg-fill-22-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-22 {
    -webkit-animation: animate-svg-stroke-22-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.21s both,
                        animate-svg-fill-22-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.21s both;
            animation: animate-svg-stroke-22-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.21s both,
                animate-svg-fill-22-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.21s both;
  }

  @-webkit-keyframes animate-svg-stroke-23-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 46.84403610229492px;
      stroke-dasharray: 46.84403610229492px;
    }

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

  @keyframes animate-svg-stroke-23-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 46.84403610229492px;
      stroke-dasharray: 46.84403610229492px;
    }

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

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

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

  @keyframes animate-svg-fill-23-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-23 {
    -webkit-animation: animate-svg-stroke-23-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s both,
                        animate-svg-fill-23-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s both;
            animation: animate-svg-stroke-23-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s both,
                animate-svg-fill-23-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s both;
  }

  @-webkit-keyframes animate-svg-stroke-24-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 45.47154235839844px;
      stroke-dasharray: 45.47154235839844px;
    }

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

  @keyframes animate-svg-stroke-24-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 45.47154235839844px;
      stroke-dasharray: 45.47154235839844px;
    }

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

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

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

  @keyframes animate-svg-fill-24-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-24 {
    -webkit-animation: animate-svg-stroke-24-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.23s both,
                        animate-svg-fill-24-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.23s both;
            animation: animate-svg-stroke-24-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.23s both,
                animate-svg-fill-24-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.23s both;
  }

  @-webkit-keyframes animate-svg-stroke-25-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 29.29606819152832px;
      stroke-dasharray: 29.29606819152832px;
    }

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

  @keyframes animate-svg-stroke-25-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 29.29606819152832px;
      stroke-dasharray: 29.29606819152832px;
    }

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

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

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

  @keyframes animate-svg-fill-25-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-25 {
    -webkit-animation: animate-svg-stroke-25-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                        animate-svg-fill-25-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
            animation: animate-svg-stroke-25-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                animate-svg-fill-25-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
  }

  @-webkit-keyframes animate-svg-stroke-26-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 27.583314895629883px;
      stroke-dasharray: 27.583314895629883px;
    }

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

  @keyframes animate-svg-stroke-26-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 27.583314895629883px;
      stroke-dasharray: 27.583314895629883px;
    }

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

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

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

  @keyframes animate-svg-fill-26-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-26 {
    -webkit-animation: animate-svg-stroke-26-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both,
                        animate-svg-fill-26-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both;
            animation: animate-svg-stroke-26-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both,
                animate-svg-fill-26-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both;
  }

  @-webkit-keyframes animate-svg-stroke-27-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 20.259944915771484px;
      stroke-dasharray: 20.259944915771484px;
    }

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

  @keyframes animate-svg-stroke-27-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 20.259944915771484px;
      stroke-dasharray: 20.259944915771484px;
    }

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

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

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

  @keyframes animate-svg-fill-27-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-27 {
    -webkit-animation: animate-svg-stroke-27-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s both,
                        animate-svg-fill-27-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s both;
            animation: animate-svg-stroke-27-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s both,
                animate-svg-fill-27-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s both;
  }

  @-webkit-keyframes animate-svg-stroke-28-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 404.37628173828125px;
      stroke-dasharray: 404.37628173828125px;
    }

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

  @keyframes animate-svg-stroke-28-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 404.37628173828125px;
      stroke-dasharray: 404.37628173828125px;
    }

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

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

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

  @keyframes animate-svg-fill-28-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-28 {
    -webkit-animation: animate-svg-stroke-28-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.27s both,
                        animate-svg-fill-28-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.27s both;
            animation: animate-svg-stroke-28-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.27s both,
                animate-svg-fill-28-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.27s both;
  }

  @-webkit-keyframes animate-svg-stroke-29-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 824.7364501953125px;
      stroke-dasharray: 824.7364501953125px;
    }

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

  @keyframes animate-svg-stroke-29-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 824.7364501953125px;
      stroke-dasharray: 824.7364501953125px;
    }

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

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

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

  @keyframes animate-svg-fill-29-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-29 {
    -webkit-animation: animate-svg-stroke-29-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s both,
                        animate-svg-fill-29-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s both;
            animation: animate-svg-stroke-29-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s both,
                animate-svg-fill-29-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s both;
  }

  @-webkit-keyframes animate-svg-stroke-30-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 361.3880920410156px;
      stroke-dasharray: 361.3880920410156px;
    }

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

  @keyframes animate-svg-stroke-30-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 361.3880920410156px;
      stroke-dasharray: 361.3880920410156px;
    }

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

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

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

  @keyframes animate-svg-fill-30-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-30 {
    -webkit-animation: animate-svg-stroke-30-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.29s both,
                        animate-svg-fill-30-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.29s both;
            animation: animate-svg-stroke-30-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.29s both,
                animate-svg-fill-30-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.29s both;
  }

  @-webkit-keyframes animate-svg-stroke-31-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 418.1551818847656px;
      stroke-dasharray: 418.1551818847656px;
    }

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

  @keyframes animate-svg-stroke-31-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 418.1551818847656px;
      stroke-dasharray: 418.1551818847656px;
    }

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

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

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

  @keyframes animate-svg-fill-31-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-31 {
    -webkit-animation: animate-svg-stroke-31-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both,
                        animate-svg-fill-31-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both;
            animation: animate-svg-stroke-31-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both,
                animate-svg-fill-31-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both;
  }

  @-webkit-keyframes animate-svg-stroke-32-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 337.58160400390625px;
      stroke-dasharray: 337.58160400390625px;
    }

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

  @keyframes animate-svg-stroke-32-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 337.58160400390625px;
      stroke-dasharray: 337.58160400390625px;
    }

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

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

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

  @keyframes animate-svg-fill-32-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-32 {
    -webkit-animation: animate-svg-stroke-32-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.31s both,
                        animate-svg-fill-32-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.31s both;
            animation: animate-svg-stroke-32-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.31s both,
                animate-svg-fill-32-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.31s both;
  }

  @-webkit-keyframes animate-svg-stroke-33-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 339.6007385253906px;
      stroke-dasharray: 339.6007385253906px;
    }

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

  @keyframes animate-svg-stroke-33-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 339.6007385253906px;
      stroke-dasharray: 339.6007385253906px;
    }

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

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

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

  @keyframes animate-svg-fill-33-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-33 {
    -webkit-animation: animate-svg-stroke-33-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s both,
                        animate-svg-fill-33-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s both;
            animation: animate-svg-stroke-33-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s both,
                animate-svg-fill-33-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s both;
  }

  @-webkit-keyframes animate-svg-stroke-34-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 695.5172729492188px;
      stroke-dasharray: 695.5172729492188px;
    }

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

  @keyframes animate-svg-stroke-34-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 695.5172729492188px;
      stroke-dasharray: 695.5172729492188px;
    }

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

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

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

  @keyframes animate-svg-fill-34-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-34 {
    -webkit-animation: animate-svg-stroke-34-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33s both,
                        animate-svg-fill-34-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33s both;
            animation: animate-svg-stroke-34-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33s both,
                animate-svg-fill-34-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33s both;
  }

  @-webkit-keyframes animate-svg-stroke-35-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 287.1102600097656px;
      stroke-dasharray: 287.1102600097656px;
    }

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

  @keyframes animate-svg-stroke-35-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 287.1102600097656px;
      stroke-dasharray: 287.1102600097656px;
    }

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

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

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

  @keyframes animate-svg-fill-35-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-35 {
    -webkit-animation: animate-svg-stroke-35-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s both,
                        animate-svg-fill-35-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s both;
            animation: animate-svg-stroke-35-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s both,
                animate-svg-fill-35-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s both;
  }

  @-webkit-keyframes animate-svg-stroke-36-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 398.4230651855469px;
      stroke-dasharray: 398.4230651855469px;
    }

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

  @keyframes animate-svg-stroke-36-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 398.4230651855469px;
      stroke-dasharray: 398.4230651855469px;
    }

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

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

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

  @keyframes animate-svg-fill-36-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-36 {
    -webkit-animation: animate-svg-stroke-36-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s both,
                        animate-svg-fill-36-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s both;
            animation: animate-svg-stroke-36-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s both,
                animate-svg-fill-36-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s both;
  }

  @-webkit-keyframes animate-svg-stroke-37-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 126.45704650878906px;
      stroke-dasharray: 126.45704650878906px;
    }

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

  @keyframes animate-svg-stroke-37-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 126.45704650878906px;
      stroke-dasharray: 126.45704650878906px;
    }

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

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

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

  @keyframes animate-svg-fill-37-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-37 {
    -webkit-animation: animate-svg-stroke-37-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                        animate-svg-fill-37-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
            animation: animate-svg-stroke-37-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                animate-svg-fill-37-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
  }

  @-webkit-keyframes animate-svg-stroke-38-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 45.55530548095703px;
      stroke-dasharray: 45.55530548095703px;
    }

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

  @keyframes animate-svg-stroke-38-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 45.55530548095703px;
      stroke-dasharray: 45.55530548095703px;
    }

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

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

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

  @keyframes animate-svg-fill-38-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-38 {
    -webkit-animation: animate-svg-stroke-38-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.37s both,
                        animate-svg-fill-38-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.37s both;
            animation: animate-svg-stroke-38-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.37s both,
                animate-svg-fill-38-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.37s both;
  }

  @-webkit-keyframes animate-svg-stroke-39-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 36.27046585083008px;
      stroke-dasharray: 36.27046585083008px;
    }

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

  @keyframes animate-svg-stroke-39-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 36.27046585083008px;
      stroke-dasharray: 36.27046585083008px;
    }

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

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

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

  @keyframes animate-svg-fill-39-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-39 {
    -webkit-animation: animate-svg-stroke-39-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s both,
                        animate-svg-fill-39-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s both;
            animation: animate-svg-stroke-39-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s both,
                animate-svg-fill-39-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s both;
  }

  @-webkit-keyframes animate-svg-stroke-40-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 39.173912048339844px;
      stroke-dasharray: 39.173912048339844px;
    }

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

  @keyframes animate-svg-stroke-40-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 39.173912048339844px;
      stroke-dasharray: 39.173912048339844px;
    }

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

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

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

  @keyframes animate-svg-fill-40-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-40 {
    -webkit-animation: animate-svg-stroke-40-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.39s both,
                        animate-svg-fill-40-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.39s both;
            animation: animate-svg-stroke-40-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.39s both,
                animate-svg-fill-40-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.39s both;
  }

  @-webkit-keyframes animate-svg-stroke-41-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 30.014244079589844px;
      stroke-dasharray: 30.014244079589844px;
    }

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

  @keyframes animate-svg-stroke-41-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 30.014244079589844px;
      stroke-dasharray: 30.014244079589844px;
    }

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

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

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

  @keyframes animate-svg-fill-41-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-41 {
    -webkit-animation: animate-svg-stroke-41-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both,
                        animate-svg-fill-41-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both;
            animation: animate-svg-stroke-41-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both,
                animate-svg-fill-41-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both;
  }

  @-webkit-keyframes animate-svg-stroke-42-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 233.3938751220703px;
      stroke-dasharray: 233.3938751220703px;
    }

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

  @keyframes animate-svg-stroke-42-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 233.3938751220703px;
      stroke-dasharray: 233.3938751220703px;
    }

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

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

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

  @keyframes animate-svg-fill-42-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-42 {
    -webkit-animation: animate-svg-stroke-42-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.41000000000000003s both,
                        animate-svg-fill-42-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.41000000000000003s both;
            animation: animate-svg-stroke-42-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.41000000000000003s both,
                animate-svg-fill-42-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.41000000000000003s both;
  }

  @-webkit-keyframes animate-svg-stroke-43-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 477.17413330078125px;
      stroke-dasharray: 477.17413330078125px;
    }

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

  @keyframes animate-svg-stroke-43-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 477.17413330078125px;
      stroke-dasharray: 477.17413330078125px;
    }

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

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

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

  @keyframes animate-svg-fill-43-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-43 {
    -webkit-animation: animate-svg-stroke-43-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s both,
                        animate-svg-fill-43-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s both;
            animation: animate-svg-stroke-43-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s both,
                animate-svg-fill-43-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s both;
  }

  @-webkit-keyframes animate-svg-stroke-44-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 208.23367309570312px;
      stroke-dasharray: 208.23367309570312px;
    }

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

  @keyframes animate-svg-stroke-44-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 208.23367309570312px;
      stroke-dasharray: 208.23367309570312px;
    }

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

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

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

  @keyframes animate-svg-fill-44-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-44 {
    -webkit-animation: animate-svg-stroke-44-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.43s both,
                        animate-svg-fill-44-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.43s both;
            animation: animate-svg-stroke-44-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.43s both,
                animate-svg-fill-44-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.43s both;
  }

  @-webkit-keyframes animate-svg-stroke-45-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 432.2787170410156px;
      stroke-dasharray: 432.2787170410156px;
    }

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

  @keyframes animate-svg-stroke-45-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 432.2787170410156px;
      stroke-dasharray: 432.2787170410156px;
    }

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

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

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

  @keyframes animate-svg-fill-45-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-45 {
    -webkit-animation: animate-svg-stroke-45-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s both,
                        animate-svg-fill-45-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s both;
            animation: animate-svg-stroke-45-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s both,
                animate-svg-fill-45-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s both;
  }

  @-webkit-keyframes animate-svg-stroke-46-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 147.13662719726562px;
      stroke-dasharray: 147.13662719726562px;
    }

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

  @keyframes animate-svg-stroke-46-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 147.13662719726562px;
      stroke-dasharray: 147.13662719726562px;
    }

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

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

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

  @keyframes animate-svg-fill-46-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-46 {
    -webkit-animation: animate-svg-stroke-46-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s both,
                        animate-svg-fill-46-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s both;
            animation: animate-svg-stroke-46-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s both,
                animate-svg-fill-46-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s both;
  }

  @-webkit-keyframes animate-svg-stroke-47-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 330.64996337890625px;
      stroke-dasharray: 330.64996337890625px;
    }

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

  @keyframes animate-svg-stroke-47-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 330.64996337890625px;
      stroke-dasharray: 330.64996337890625px;
    }

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

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

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

  @keyframes animate-svg-fill-47-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-47 {
    -webkit-animation: animate-svg-stroke-47-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s both,
                        animate-svg-fill-47-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s both;
            animation: animate-svg-stroke-47-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s both,
                animate-svg-fill-47-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s both;
  }

  @-webkit-keyframes animate-svg-stroke-48-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 145.3504180908203px;
      stroke-dasharray: 145.3504180908203px;
    }

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

  @keyframes animate-svg-stroke-48-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 145.3504180908203px;
      stroke-dasharray: 145.3504180908203px;
    }

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

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

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

  @keyframes animate-svg-fill-48-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-48 {
    -webkit-animation: animate-svg-stroke-48-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.47000000000000003s both,
                        animate-svg-fill-48-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.47000000000000003s both;
            animation: animate-svg-stroke-48-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.47000000000000003s both,
                animate-svg-fill-48-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.47000000000000003s both;
  }

  @-webkit-keyframes animate-svg-stroke-49-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 301.1846923828125px;
      stroke-dasharray: 301.1846923828125px;
    }

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

  @keyframes animate-svg-stroke-49-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 301.1846923828125px;
      stroke-dasharray: 301.1846923828125px;
    }

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

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

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

  @keyframes animate-svg-fill-49-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-49 {
    -webkit-animation: animate-svg-stroke-49-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                        animate-svg-fill-49-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
            animation: animate-svg-stroke-49-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                animate-svg-fill-49-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
  }

  @-webkit-keyframes animate-svg-stroke-50-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 120.64236450195312px;
      stroke-dasharray: 120.64236450195312px;
    }

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

  @keyframes animate-svg-stroke-50-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 120.64236450195312px;
      stroke-dasharray: 120.64236450195312px;
    }

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

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

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

  @keyframes animate-svg-fill-50-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-50 {
    -webkit-animation: animate-svg-stroke-50-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.49s both,
                        animate-svg-fill-50-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.49s both;
            animation: animate-svg-stroke-50-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.49s both,
                animate-svg-fill-50-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.49s both;
  }

  @-webkit-keyframes animate-svg-stroke-51-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 256.3393249511719px;
      stroke-dasharray: 256.3393249511719px;
    }

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

  @keyframes animate-svg-stroke-51-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 256.3393249511719px;
      stroke-dasharray: 256.3393249511719px;
    }

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

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

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

  @keyframes animate-svg-fill-51-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-51 {
    -webkit-animation: animate-svg-stroke-51-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both,
                        animate-svg-fill-51-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both;
            animation: animate-svg-stroke-51-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both,
                animate-svg-fill-51-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both;
  }

  @-webkit-keyframes animate-svg-stroke-52-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 62.4279670715332px;
      stroke-dasharray: 62.4279670715332px;
    }

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

  @keyframes animate-svg-stroke-52-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 62.4279670715332px;
      stroke-dasharray: 62.4279670715332px;
    }

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

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

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

  @keyframes animate-svg-fill-52-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-52 {
    -webkit-animation: animate-svg-stroke-52-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.51s both,
                        animate-svg-fill-52-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.51s both;
            animation: animate-svg-stroke-52-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.51s both,
                animate-svg-fill-52-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.51s both;
  }

  @-webkit-keyframes animate-svg-stroke-53-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 135.0536346435547px;
      stroke-dasharray: 135.0536346435547px;
    }

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

  @keyframes animate-svg-stroke-53-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 135.0536346435547px;
      stroke-dasharray: 135.0536346435547px;
    }

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

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

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

  @keyframes animate-svg-fill-53-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-53 {
    -webkit-animation: animate-svg-stroke-53-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s both,
                        animate-svg-fill-53-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s both;
            animation: animate-svg-stroke-53-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s both,
                animate-svg-fill-53-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s both;
  }

  @-webkit-keyframes animate-svg-stroke-54-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 18.747825622558594px;
      stroke-dasharray: 18.747825622558594px;
    }

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

  @keyframes animate-svg-stroke-54-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 18.747825622558594px;
      stroke-dasharray: 18.747825622558594px;
    }

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

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

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

  @keyframes animate-svg-fill-54-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-54 {
    -webkit-animation: animate-svg-stroke-54-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.53s both,
                        animate-svg-fill-54-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.53s both;
            animation: animate-svg-stroke-54-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.53s both,
                animate-svg-fill-54-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.53s both;
  }

  @-webkit-keyframes animate-svg-stroke-55-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 46.92060470581055px;
      stroke-dasharray: 46.92060470581055px;
    }

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

  @keyframes animate-svg-stroke-55-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 46.92060470581055px;
      stroke-dasharray: 46.92060470581055px;
    }

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

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

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

  @keyframes animate-svg-fill-55-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-55 {
    -webkit-animation: animate-svg-stroke-55-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s both,
                        animate-svg-fill-55-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s both;
            animation: animate-svg-stroke-55-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s both,
                animate-svg-fill-55-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s both;
  }

  @-webkit-keyframes animate-svg-stroke-56-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 658.6222534179688px;
      stroke-dasharray: 658.6222534179688px;
    }

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

  @keyframes animate-svg-stroke-56-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 658.6222534179688px;
      stroke-dasharray: 658.6222534179688px;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-56 {
    -webkit-animation: animate-svg-stroke-56-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s both,
                        animate-svg-fill-56-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s both;
            animation: animate-svg-stroke-56-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s both,
                animate-svg-fill-56-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s both;
  }

  @-webkit-keyframes animate-svg-stroke-57-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 746px;
      stroke-dasharray: 746px;
    }

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

  @keyframes animate-svg-stroke-57-prod-3-detail-mobile {
    0% {
      stroke-dashoffset: 746px;
      stroke-dasharray: 746px;
    }

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

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

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

  @keyframes animate-svg-fill-57-prod-3-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-mobile-57 {
    -webkit-animation: animate-svg-stroke-57-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s both,
                        animate-svg-fill-57-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s both;
            animation: animate-svg-stroke-57-prod-3-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s both,
                animate-svg-fill-57-prod-3-detail-mobile 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s both;
  }
/***************************************************
 prod 3 detail pc
 **************************************************/

  @-webkit-keyframes animate-svg-stroke-1-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 2104px;
      stroke-dasharray: 2104px;
    }

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

  @keyframes animate-svg-stroke-1-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 2104px;
      stroke-dasharray: 2104px;
    }

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

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

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

  @keyframes animate-svg-fill-1-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-1 {
    -webkit-animation: animate-svg-stroke-1-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                        animate-svg-fill-1-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
            animation: animate-svg-stroke-1-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                animate-svg-fill-1-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }

  @-webkit-keyframes animate-svg-stroke-2-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1202.127197265625px;
      stroke-dasharray: 1202.127197265625px;
    }

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

  @keyframes animate-svg-stroke-2-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1202.127197265625px;
      stroke-dasharray: 1202.127197265625px;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-2 {
    -webkit-animation: animate-svg-stroke-2-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both,
                        animate-svg-fill-2-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both;
            animation: animate-svg-stroke-2-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both,
                animate-svg-fill-2-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both;
  }

  @-webkit-keyframes animate-svg-stroke-3-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }

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

  @keyframes animate-svg-stroke-3-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }

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

  @-webkit-keyframes animate-svg-fill-3-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-3-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-3 {
    -webkit-animation: animate-svg-stroke-3-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both,
                        animate-svg-fill-3-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both;
            animation: animate-svg-stroke-3-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both,
                animate-svg-fill-3-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both;
  }

  @-webkit-keyframes animate-svg-stroke-4-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 327.7032470703125px;
      stroke-dasharray: 327.7032470703125px;
    }

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

  @keyframes animate-svg-stroke-4-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 327.7032470703125px;
      stroke-dasharray: 327.7032470703125px;
    }

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

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

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

  @keyframes animate-svg-fill-4-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-4 {
    -webkit-animation: animate-svg-stroke-4-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both,
                        animate-svg-fill-4-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both;
            animation: animate-svg-stroke-4-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both,
                animate-svg-fill-4-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both;
  }

  @-webkit-keyframes animate-svg-stroke-5-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 740.933837890625px;
      stroke-dasharray: 740.933837890625px;
    }

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

  @keyframes animate-svg-stroke-5-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 740.933837890625px;
      stroke-dasharray: 740.933837890625px;
    }

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

  @-webkit-keyframes animate-svg-fill-5-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-5-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-5 {
    -webkit-animation: animate-svg-stroke-5-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both,
                        animate-svg-fill-5-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both;
            animation: animate-svg-stroke-5-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both,
                animate-svg-fill-5-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both;
  }

  @-webkit-keyframes animate-svg-stroke-6-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 5336.57666015625px;
      stroke-dasharray: 5336.57666015625px;
    }

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

  @keyframes animate-svg-stroke-6-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 5336.57666015625px;
      stroke-dasharray: 5336.57666015625px;
    }

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

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

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

  @keyframes animate-svg-fill-6-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-6 {
    -webkit-animation: animate-svg-stroke-6-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both,
                        animate-svg-fill-6-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both;
            animation: animate-svg-stroke-6-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both,
                animate-svg-fill-6-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both;
  }

  @-webkit-keyframes animate-svg-stroke-7-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 5764.6943359375px;
      stroke-dasharray: 5764.6943359375px;
    }

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

  @keyframes animate-svg-stroke-7-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 5764.6943359375px;
      stroke-dasharray: 5764.6943359375px;
    }

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

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

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

  @keyframes animate-svg-fill-7-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-7 {
    -webkit-animation: animate-svg-stroke-7-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both,
                        animate-svg-fill-7-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both;
            animation: animate-svg-stroke-7-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both,
                animate-svg-fill-7-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both;
  }

  @-webkit-keyframes animate-svg-stroke-8-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 229.10247802734375px;
      stroke-dasharray: 229.10247802734375px;
    }

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

  @keyframes animate-svg-stroke-8-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 229.10247802734375px;
      stroke-dasharray: 229.10247802734375px;
    }

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

  @-webkit-keyframes animate-svg-fill-8-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-8-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-8 {
    -webkit-animation: animate-svg-stroke-8-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both,
                        animate-svg-fill-8-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both;
            animation: animate-svg-stroke-8-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both,
                animate-svg-fill-8-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both;
  }

  @-webkit-keyframes animate-svg-stroke-9-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1034.07470703125px;
      stroke-dasharray: 1034.07470703125px;
    }

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

  @keyframes animate-svg-stroke-9-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1034.07470703125px;
      stroke-dasharray: 1034.07470703125px;
    }

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

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

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

  @keyframes animate-svg-fill-9-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-9 {
    -webkit-animation: animate-svg-stroke-9-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s both,
                        animate-svg-fill-9-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s both;
            animation: animate-svg-stroke-9-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s both,
                animate-svg-fill-9-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s both;
  }

  @-webkit-keyframes animate-svg-stroke-10-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1554.211669921875px;
      stroke-dasharray: 1554.211669921875px;
    }

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

  @keyframes animate-svg-stroke-10-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1554.211669921875px;
      stroke-dasharray: 1554.211669921875px;
    }

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

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

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

  @keyframes animate-svg-fill-10-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-10 {
    -webkit-animation: animate-svg-stroke-10-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.09s both,
                        animate-svg-fill-10-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.09s both;
            animation: animate-svg-stroke-10-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.09s both,
                animate-svg-fill-10-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.09s both;
  }

  @-webkit-keyframes animate-svg-stroke-11-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 535.2847900390625px;
      stroke-dasharray: 535.2847900390625px;
    }

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

  @keyframes animate-svg-stroke-11-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 535.2847900390625px;
      stroke-dasharray: 535.2847900390625px;
    }

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

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

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

  @keyframes animate-svg-fill-11-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-11 {
    -webkit-animation: animate-svg-stroke-11-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both,
                        animate-svg-fill-11-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both;
            animation: animate-svg-stroke-11-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both,
                animate-svg-fill-11-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both;
  }

  @-webkit-keyframes animate-svg-stroke-12-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 275.24005126953125px;
      stroke-dasharray: 275.24005126953125px;
    }

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

  @keyframes animate-svg-stroke-12-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 275.24005126953125px;
      stroke-dasharray: 275.24005126953125px;
    }

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

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

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

  @keyframes animate-svg-fill-12-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-12 {
    -webkit-animation: animate-svg-stroke-12-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.11s both,
                        animate-svg-fill-12-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.11s both;
            animation: animate-svg-stroke-12-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.11s both,
                animate-svg-fill-12-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.11s both;
  }

  @-webkit-keyframes animate-svg-stroke-13-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 263.10284423828125px;
      stroke-dasharray: 263.10284423828125px;
    }

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

  @keyframes animate-svg-stroke-13-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 263.10284423828125px;
      stroke-dasharray: 263.10284423828125px;
    }

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

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

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

  @keyframes animate-svg-fill-13-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-13 {
    -webkit-animation: animate-svg-stroke-13-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                        animate-svg-fill-13-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
            animation: animate-svg-stroke-13-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                animate-svg-fill-13-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
  }

  @-webkit-keyframes animate-svg-stroke-14-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 176.2708740234375px;
      stroke-dasharray: 176.2708740234375px;
    }

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

  @keyframes animate-svg-stroke-14-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 176.2708740234375px;
      stroke-dasharray: 176.2708740234375px;
    }

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

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

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

  @keyframes animate-svg-fill-14-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-14 {
    -webkit-animation: animate-svg-stroke-14-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.13s both,
                        animate-svg-fill-14-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.13s both;
            animation: animate-svg-stroke-14-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.13s both,
                animate-svg-fill-14-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.13s both;
  }

  @-webkit-keyframes animate-svg-stroke-15-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 134.32383728027344px;
      stroke-dasharray: 134.32383728027344px;
    }

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

  @keyframes animate-svg-stroke-15-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 134.32383728027344px;
      stroke-dasharray: 134.32383728027344px;
    }

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

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

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

  @keyframes animate-svg-fill-15-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-15 {
    -webkit-animation: animate-svg-stroke-15-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s both,
                        animate-svg-fill-15-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s both;
            animation: animate-svg-stroke-15-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s both,
                animate-svg-fill-15-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s both;
  }

  @-webkit-keyframes animate-svg-stroke-16-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 145.52197265625px;
      stroke-dasharray: 145.52197265625px;
    }

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

  @keyframes animate-svg-stroke-16-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 145.52197265625px;
      stroke-dasharray: 145.52197265625px;
    }

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

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

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

  @keyframes animate-svg-fill-16-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-16 {
    -webkit-animation: animate-svg-stroke-16-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15s both,
                        animate-svg-fill-16-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15s both;
            animation: animate-svg-stroke-16-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15s both,
                animate-svg-fill-16-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.15s both;
  }

  @-webkit-keyframes animate-svg-stroke-17-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 219.8446807861328px;
      stroke-dasharray: 219.8446807861328px;
    }

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

  @keyframes animate-svg-stroke-17-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 219.8446807861328px;
      stroke-dasharray: 219.8446807861328px;
    }

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

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

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

  @keyframes animate-svg-fill-17-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-17 {
    -webkit-animation: animate-svg-stroke-17-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s both,
                        animate-svg-fill-17-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s both;
            animation: animate-svg-stroke-17-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s both,
                animate-svg-fill-17-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s both;
  }

  @-webkit-keyframes animate-svg-stroke-18-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 142.53457641601562px;
      stroke-dasharray: 142.53457641601562px;
    }

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

  @keyframes animate-svg-stroke-18-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 142.53457641601562px;
      stroke-dasharray: 142.53457641601562px;
    }

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

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

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

  @keyframes animate-svg-fill-18-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-18 {
    -webkit-animation: animate-svg-stroke-18-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.17s both,
                        animate-svg-fill-18-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.17s both;
            animation: animate-svg-stroke-18-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.17s both,
                animate-svg-fill-18-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.17s both;
  }

  @-webkit-keyframes animate-svg-stroke-19-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 144.2106475830078px;
      stroke-dasharray: 144.2106475830078px;
    }

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

  @keyframes animate-svg-stroke-19-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 144.2106475830078px;
      stroke-dasharray: 144.2106475830078px;
    }

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

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

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

  @keyframes animate-svg-fill-19-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-19 {
    -webkit-animation: animate-svg-stroke-19-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s both,
                        animate-svg-fill-19-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s both;
            animation: animate-svg-stroke-19-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s both,
                animate-svg-fill-19-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s both;
  }

  @-webkit-keyframes animate-svg-stroke-20-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 150.78012084960938px;
      stroke-dasharray: 150.78012084960938px;
    }

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

  @keyframes animate-svg-stroke-20-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 150.78012084960938px;
      stroke-dasharray: 150.78012084960938px;
    }

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

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

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

  @keyframes animate-svg-fill-20-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-20 {
    -webkit-animation: animate-svg-stroke-20-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.19s both,
                        animate-svg-fill-20-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.19s both;
            animation: animate-svg-stroke-20-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.19s both,
                animate-svg-fill-20-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.19s both;
  }

  @-webkit-keyframes animate-svg-stroke-21-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 113.252685546875px;
      stroke-dasharray: 113.252685546875px;
    }

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

  @keyframes animate-svg-stroke-21-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 113.252685546875px;
      stroke-dasharray: 113.252685546875px;
    }

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

  @-webkit-keyframes animate-svg-fill-21-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-21-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-21 {
    -webkit-animation: animate-svg-stroke-21-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both,
                        animate-svg-fill-21-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both;
            animation: animate-svg-stroke-21-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both,
                animate-svg-fill-21-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both;
  }

  @-webkit-keyframes animate-svg-stroke-22-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 103.16165161132812px;
      stroke-dasharray: 103.16165161132812px;
    }

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

  @keyframes animate-svg-stroke-22-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 103.16165161132812px;
      stroke-dasharray: 103.16165161132812px;
    }

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

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

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

  @keyframes animate-svg-fill-22-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-22 {
    -webkit-animation: animate-svg-stroke-22-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.21s both,
                        animate-svg-fill-22-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.21s both;
            animation: animate-svg-stroke-22-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.21s both,
                animate-svg-fill-22-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.21s both;
  }

  @-webkit-keyframes animate-svg-stroke-23-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 98.96141052246094px;
      stroke-dasharray: 98.96141052246094px;
    }

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

  @keyframes animate-svg-stroke-23-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 98.96141052246094px;
      stroke-dasharray: 98.96141052246094px;
    }

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

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

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

  @keyframes animate-svg-fill-23-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-23 {
    -webkit-animation: animate-svg-stroke-23-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s both,
                        animate-svg-fill-23-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s both;
            animation: animate-svg-stroke-23-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s both,
                animate-svg-fill-23-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s both;
  }

  @-webkit-keyframes animate-svg-stroke-24-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 102.05550384521484px;
      stroke-dasharray: 102.05550384521484px;
    }

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

  @keyframes animate-svg-stroke-24-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 102.05550384521484px;
      stroke-dasharray: 102.05550384521484px;
    }

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

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

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

  @keyframes animate-svg-fill-24-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-24 {
    -webkit-animation: animate-svg-stroke-24-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.23s both,
                        animate-svg-fill-24-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.23s both;
            animation: animate-svg-stroke-24-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.23s both,
                animate-svg-fill-24-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.23s both;
  }

  @-webkit-keyframes animate-svg-stroke-25-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 91.46837615966797px;
      stroke-dasharray: 91.46837615966797px;
    }

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

  @keyframes animate-svg-stroke-25-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 91.46837615966797px;
      stroke-dasharray: 91.46837615966797px;
    }

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

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

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

  @keyframes animate-svg-fill-25-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-25 {
    -webkit-animation: animate-svg-stroke-25-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                        animate-svg-fill-25-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
            animation: animate-svg-stroke-25-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                animate-svg-fill-25-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
  }

  @-webkit-keyframes animate-svg-stroke-26-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 90.53980255126953px;
      stroke-dasharray: 90.53980255126953px;
    }

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

  @keyframes animate-svg-stroke-26-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 90.53980255126953px;
      stroke-dasharray: 90.53980255126953px;
    }

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

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

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

  @keyframes animate-svg-fill-26-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-26 {
    -webkit-animation: animate-svg-stroke-26-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both,
                        animate-svg-fill-26-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both;
            animation: animate-svg-stroke-26-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both,
                animate-svg-fill-26-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s both;
  }

  @-webkit-keyframes animate-svg-stroke-27-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 104.86312103271484px;
      stroke-dasharray: 104.86312103271484px;
    }

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

  @keyframes animate-svg-stroke-27-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 104.86312103271484px;
      stroke-dasharray: 104.86312103271484px;
    }

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

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

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

  @keyframes animate-svg-fill-27-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-27 {
    -webkit-animation: animate-svg-stroke-27-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s both,
                        animate-svg-fill-27-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s both;
            animation: animate-svg-stroke-27-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s both,
                animate-svg-fill-27-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s both;
  }

  @-webkit-keyframes animate-svg-stroke-28-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 102.30233001708984px;
      stroke-dasharray: 102.30233001708984px;
    }

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

  @keyframes animate-svg-stroke-28-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 102.30233001708984px;
      stroke-dasharray: 102.30233001708984px;
    }

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

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

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

  @keyframes animate-svg-fill-28-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-28 {
    -webkit-animation: animate-svg-stroke-28-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.27s both,
                        animate-svg-fill-28-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.27s both;
            animation: animate-svg-stroke-28-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.27s both,
                animate-svg-fill-28-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.27s both;
  }

  @-webkit-keyframes animate-svg-stroke-29-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 98.66991424560547px;
      stroke-dasharray: 98.66991424560547px;
    }

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

  @keyframes animate-svg-stroke-29-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 98.66991424560547px;
      stroke-dasharray: 98.66991424560547px;
    }

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

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

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

  @keyframes animate-svg-fill-29-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-29 {
    -webkit-animation: animate-svg-stroke-29-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s both,
                        animate-svg-fill-29-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s both;
            animation: animate-svg-stroke-29-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s both,
                animate-svg-fill-29-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s both;
  }

  @-webkit-keyframes animate-svg-stroke-30-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 63.164649963378906px;
      stroke-dasharray: 63.164649963378906px;
    }

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

  @keyframes animate-svg-stroke-30-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 63.164649963378906px;
      stroke-dasharray: 63.164649963378906px;
    }

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

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

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

  @keyframes animate-svg-fill-30-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-30 {
    -webkit-animation: animate-svg-stroke-30-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.29s both,
                        animate-svg-fill-30-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.29s both;
            animation: animate-svg-stroke-30-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.29s both,
                animate-svg-fill-30-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.29s both;
  }

  @-webkit-keyframes animate-svg-stroke-31-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 60.50605773925781px;
      stroke-dasharray: 60.50605773925781px;
    }

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

  @keyframes animate-svg-stroke-31-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 60.50605773925781px;
      stroke-dasharray: 60.50605773925781px;
    }

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

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

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

  @keyframes animate-svg-fill-31-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-31 {
    -webkit-animation: animate-svg-stroke-31-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both,
                        animate-svg-fill-31-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both;
            animation: animate-svg-stroke-31-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both,
                animate-svg-fill-31-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s both;
  }

  @-webkit-keyframes animate-svg-stroke-32-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 43.704097747802734px;
      stroke-dasharray: 43.704097747802734px;
    }

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

  @keyframes animate-svg-stroke-32-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 43.704097747802734px;
      stroke-dasharray: 43.704097747802734px;
    }

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

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

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

  @keyframes animate-svg-fill-32-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-32 {
    -webkit-animation: animate-svg-stroke-32-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.31s both,
                        animate-svg-fill-32-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.31s both;
            animation: animate-svg-stroke-32-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.31s both,
                animate-svg-fill-32-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.31s both;
  }

  @-webkit-keyframes animate-svg-stroke-33-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 900.8896484375px;
      stroke-dasharray: 900.8896484375px;
    }

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

  @keyframes animate-svg-stroke-33-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 900.8896484375px;
      stroke-dasharray: 900.8896484375px;
    }

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

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

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

  @keyframes animate-svg-fill-33-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-33 {
    -webkit-animation: animate-svg-stroke-33-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s both,
                        animate-svg-fill-33-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s both;
            animation: animate-svg-stroke-33-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s both,
                animate-svg-fill-33-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s both;
  }

  @-webkit-keyframes animate-svg-stroke-34-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1840.0596923828125px;
      stroke-dasharray: 1840.0596923828125px;
    }

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

  @keyframes animate-svg-stroke-34-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1840.0596923828125px;
      stroke-dasharray: 1840.0596923828125px;
    }

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

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

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

  @keyframes animate-svg-fill-34-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-34 {
    -webkit-animation: animate-svg-stroke-34-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33s both,
                        animate-svg-fill-34-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33s both;
            animation: animate-svg-stroke-34-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33s both,
                animate-svg-fill-34-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33s both;
  }

  @-webkit-keyframes animate-svg-stroke-35-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 791.8626708984375px;
      stroke-dasharray: 791.8626708984375px;
    }

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

  @keyframes animate-svg-stroke-35-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 791.8626708984375px;
      stroke-dasharray: 791.8626708984375px;
    }

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

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

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

  @keyframes animate-svg-fill-35-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-35 {
    -webkit-animation: animate-svg-stroke-35-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s both,
                        animate-svg-fill-35-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s both;
            animation: animate-svg-stroke-35-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s both,
                animate-svg-fill-35-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.34s both;
  }

  @-webkit-keyframes animate-svg-stroke-36-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 919.0463256835938px;
      stroke-dasharray: 919.0463256835938px;
    }

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

  @keyframes animate-svg-stroke-36-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 919.0463256835938px;
      stroke-dasharray: 919.0463256835938px;
    }

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

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

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

  @keyframes animate-svg-fill-36-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-36 {
    -webkit-animation: animate-svg-stroke-36-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s both,
                        animate-svg-fill-36-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s both;
            animation: animate-svg-stroke-36-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s both,
                animate-svg-fill-36-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.35000000000000003s both;
  }

  @-webkit-keyframes animate-svg-stroke-37-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 740.4158325195312px;
      stroke-dasharray: 740.4158325195312px;
    }

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

  @keyframes animate-svg-stroke-37-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 740.4158325195312px;
      stroke-dasharray: 740.4158325195312px;
    }

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

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

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

  @keyframes animate-svg-fill-37-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-37 {
    -webkit-animation: animate-svg-stroke-37-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                        animate-svg-fill-37-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
            animation: animate-svg-stroke-37-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                animate-svg-fill-37-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
  }

  @-webkit-keyframes animate-svg-stroke-38-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 757.2301025390625px;
      stroke-dasharray: 757.2301025390625px;
    }

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

  @keyframes animate-svg-stroke-38-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 757.2301025390625px;
      stroke-dasharray: 757.2301025390625px;
    }

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

  @-webkit-keyframes animate-svg-fill-38-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-38-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-38 {
    -webkit-animation: animate-svg-stroke-38-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.37s both,
                        animate-svg-fill-38-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.37s both;
            animation: animate-svg-stroke-38-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.37s both,
                animate-svg-fill-38-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.37s both;
  }

  @-webkit-keyframes animate-svg-stroke-39-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1554.5919189453125px;
      stroke-dasharray: 1554.5919189453125px;
    }

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

  @keyframes animate-svg-stroke-39-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1554.5919189453125px;
      stroke-dasharray: 1554.5919189453125px;
    }

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

  @-webkit-keyframes animate-svg-fill-39-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-39-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-39 {
    -webkit-animation: animate-svg-stroke-39-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s both,
                        animate-svg-fill-39-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s both;
            animation: animate-svg-stroke-39-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s both,
                animate-svg-fill-39-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s both;
  }

  @-webkit-keyframes animate-svg-stroke-40-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 647.2139282226562px;
      stroke-dasharray: 647.2139282226562px;
    }

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

  @keyframes animate-svg-stroke-40-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 647.2139282226562px;
      stroke-dasharray: 647.2139282226562px;
    }

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

  @-webkit-keyframes animate-svg-fill-40-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-40-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-40 {
    -webkit-animation: animate-svg-stroke-40-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.39s both,
                        animate-svg-fill-40-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.39s both;
            animation: animate-svg-stroke-40-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.39s both,
                animate-svg-fill-40-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.39s both;
  }

  @-webkit-keyframes animate-svg-stroke-41-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 899.7178955078125px;
      stroke-dasharray: 899.7178955078125px;
    }

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

  @keyframes animate-svg-stroke-41-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 899.7178955078125px;
      stroke-dasharray: 899.7178955078125px;
    }

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

  @-webkit-keyframes animate-svg-fill-41-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-41-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-41 {
    -webkit-animation: animate-svg-stroke-41-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both,
                        animate-svg-fill-41-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both;
            animation: animate-svg-stroke-41-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both,
                animate-svg-fill-41-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both;
  }

  @-webkit-keyframes animate-svg-stroke-42-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 285.7179870605469px;
      stroke-dasharray: 285.7179870605469px;
    }

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

  @keyframes animate-svg-stroke-42-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 285.7179870605469px;
      stroke-dasharray: 285.7179870605469px;
    }

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

  @-webkit-keyframes animate-svg-fill-42-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-42-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-42 {
    -webkit-animation: animate-svg-stroke-42-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.41000000000000003s both,
                        animate-svg-fill-42-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.41000000000000003s both;
            animation: animate-svg-stroke-42-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.41000000000000003s both,
                animate-svg-fill-42-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.41000000000000003s both;
  }

  @-webkit-keyframes animate-svg-stroke-43-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 100.01898956298828px;
      stroke-dasharray: 100.01898956298828px;
    }

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

  @keyframes animate-svg-stroke-43-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 100.01898956298828px;
      stroke-dasharray: 100.01898956298828px;
    }

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

  @-webkit-keyframes animate-svg-fill-43-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-43-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-43 {
    -webkit-animation: animate-svg-stroke-43-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s both,
                        animate-svg-fill-43-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s both;
            animation: animate-svg-stroke-43-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s both,
                animate-svg-fill-43-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42s both;
  }

  @-webkit-keyframes animate-svg-stroke-44-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 80.19833374023438px;
      stroke-dasharray: 80.19833374023438px;
    }

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

  @keyframes animate-svg-stroke-44-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 80.19833374023438px;
      stroke-dasharray: 80.19833374023438px;
    }

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

  @-webkit-keyframes animate-svg-fill-44-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-44-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-44 {
    -webkit-animation: animate-svg-stroke-44-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.43s both,
                        animate-svg-fill-44-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.43s both;
            animation: animate-svg-stroke-44-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.43s both,
                animate-svg-fill-44-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.43s both;
  }

  @-webkit-keyframes animate-svg-stroke-45-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 85.82408905029297px;
      stroke-dasharray: 85.82408905029297px;
    }

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

  @keyframes animate-svg-stroke-45-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 85.82408905029297px;
      stroke-dasharray: 85.82408905029297px;
    }

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

  @-webkit-keyframes animate-svg-fill-45-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-45-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-45 {
    -webkit-animation: animate-svg-stroke-45-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s both,
                        animate-svg-fill-45-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s both;
            animation: animate-svg-stroke-45-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s both,
                animate-svg-fill-45-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44s both;
  }

  @-webkit-keyframes animate-svg-stroke-46-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 66.24736785888672px;
      stroke-dasharray: 66.24736785888672px;
    }

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

  @keyframes animate-svg-stroke-46-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 66.24736785888672px;
      stroke-dasharray: 66.24736785888672px;
    }

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

  @-webkit-keyframes animate-svg-fill-46-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-46-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-46 {
    -webkit-animation: animate-svg-stroke-46-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s both,
                        animate-svg-fill-46-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s both;
            animation: animate-svg-stroke-46-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s both,
                animate-svg-fill-46-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45s both;
  }

  @-webkit-keyframes animate-svg-stroke-47-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 515.417236328125px;
      stroke-dasharray: 515.417236328125px;
    }

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

  @keyframes animate-svg-stroke-47-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 515.417236328125px;
      stroke-dasharray: 515.417236328125px;
    }

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

  @-webkit-keyframes animate-svg-fill-47-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-47-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-47 {
    -webkit-animation: animate-svg-stroke-47-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s both,
                        animate-svg-fill-47-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s both;
            animation: animate-svg-stroke-47-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s both,
                animate-svg-fill-47-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.46s both;
  }

  @-webkit-keyframes animate-svg-stroke-48-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1056.5408935546875px;
      stroke-dasharray: 1056.5408935546875px;
    }

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

  @keyframes animate-svg-stroke-48-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1056.5408935546875px;
      stroke-dasharray: 1056.5408935546875px;
    }

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

  @-webkit-keyframes animate-svg-fill-48-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-48-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-48 {
    -webkit-animation: animate-svg-stroke-48-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.47000000000000003s both,
                        animate-svg-fill-48-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.47000000000000003s both;
            animation: animate-svg-stroke-48-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.47000000000000003s both,
                animate-svg-fill-48-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.47000000000000003s both;
  }

  @-webkit-keyframes animate-svg-stroke-49-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 460.5031433105469px;
      stroke-dasharray: 460.5031433105469px;
    }

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

  @keyframes animate-svg-stroke-49-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 460.5031433105469px;
      stroke-dasharray: 460.5031433105469px;
    }

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

  @-webkit-keyframes animate-svg-fill-49-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-49-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-49 {
    -webkit-animation: animate-svg-stroke-49-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                        animate-svg-fill-49-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
            animation: animate-svg-stroke-49-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                animate-svg-fill-49-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
  }

  @-webkit-keyframes animate-svg-stroke-50-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 959.7611083984375px;
      stroke-dasharray: 959.7611083984375px;
    }

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

  @keyframes animate-svg-stroke-50-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 959.7611083984375px;
      stroke-dasharray: 959.7611083984375px;
    }

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

  @-webkit-keyframes animate-svg-fill-50-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-50-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-50 {
    -webkit-animation: animate-svg-stroke-50-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.49s both,
                        animate-svg-fill-50-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.49s both;
            animation: animate-svg-stroke-50-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.49s both,
                animate-svg-fill-50-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.49s both;
  }

  @-webkit-keyframes animate-svg-stroke-51-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 323.33123779296875px;
      stroke-dasharray: 323.33123779296875px;
    }

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

  @keyframes animate-svg-stroke-51-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 323.33123779296875px;
      stroke-dasharray: 323.33123779296875px;
    }

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

  @-webkit-keyframes animate-svg-fill-51-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-51-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-51 {
    -webkit-animation: animate-svg-stroke-51-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both,
                        animate-svg-fill-51-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both;
            animation: animate-svg-stroke-51-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both,
                animate-svg-fill-51-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both;
  }

  @-webkit-keyframes animate-svg-stroke-52-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 672.8983764648438px;
      stroke-dasharray: 672.8983764648438px;
    }

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

  @keyframes animate-svg-stroke-52-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 672.8983764648438px;
      stroke-dasharray: 672.8983764648438px;
    }

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

  @-webkit-keyframes animate-svg-fill-52-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-52-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-52 {
    -webkit-animation: animate-svg-stroke-52-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.51s both,
                        animate-svg-fill-52-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.51s both;
            animation: animate-svg-stroke-52-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.51s both,
                animate-svg-fill-52-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.51s both;
  }

  @-webkit-keyframes animate-svg-stroke-53-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 268.6150817871094px;
      stroke-dasharray: 268.6150817871094px;
    }

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

  @keyframes animate-svg-stroke-53-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 268.6150817871094px;
      stroke-dasharray: 268.6150817871094px;
    }

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

  @-webkit-keyframes animate-svg-fill-53-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-53-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-53 {
    -webkit-animation: animate-svg-stroke-53-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s both,
                        animate-svg-fill-53-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s both;
            animation: animate-svg-stroke-53-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s both,
                animate-svg-fill-53-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s both;
  }

  @-webkit-keyframes animate-svg-stroke-54-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 574.286865234375px;
      stroke-dasharray: 574.286865234375px;
    }

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

  @keyframes animate-svg-stroke-54-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 574.286865234375px;
      stroke-dasharray: 574.286865234375px;
    }

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

  @-webkit-keyframes animate-svg-fill-54-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-54-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-54 {
    -webkit-animation: animate-svg-stroke-54-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.53s both,
                        animate-svg-fill-54-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.53s both;
            animation: animate-svg-stroke-54-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.53s both,
                animate-svg-fill-54-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.53s both;
  }

  @-webkit-keyframes animate-svg-stroke-55-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 136.25982666015625px;
      stroke-dasharray: 136.25982666015625px;
    }

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

  @keyframes animate-svg-stroke-55-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 136.25982666015625px;
      stroke-dasharray: 136.25982666015625px;
    }

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

  @-webkit-keyframes animate-svg-fill-55-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-55-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-55 {
    -webkit-animation: animate-svg-stroke-55-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s both,
                        animate-svg-fill-55-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s both;
            animation: animate-svg-stroke-55-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s both,
                animate-svg-fill-55-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s both;
  }

  @-webkit-keyframes animate-svg-stroke-56-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 298.215576171875px;
      stroke-dasharray: 298.215576171875px;
    }

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

  @keyframes animate-svg-stroke-56-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 298.215576171875px;
      stroke-dasharray: 298.215576171875px;
    }

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

  @-webkit-keyframes animate-svg-fill-56-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-56-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-56 {
    -webkit-animation: animate-svg-stroke-56-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s both,
                        animate-svg-fill-56-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s both;
            animation: animate-svg-stroke-56-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s both,
                animate-svg-fill-56-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.55s both;
  }

  @-webkit-keyframes animate-svg-stroke-57-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 39.77522659301758px;
      stroke-dasharray: 39.77522659301758px;
    }

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

  @keyframes animate-svg-stroke-57-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 39.77522659301758px;
      stroke-dasharray: 39.77522659301758px;
    }

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

  @-webkit-keyframes animate-svg-fill-57-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-57-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-57 {
    -webkit-animation: animate-svg-stroke-57-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s both,
                        animate-svg-fill-57-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s both;
            animation: animate-svg-stroke-57-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s both,
                animate-svg-fill-57-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s both;
  }

  @-webkit-keyframes animate-svg-stroke-58-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 103.77650451660156px;
      stroke-dasharray: 103.77650451660156px;
    }

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

  @keyframes animate-svg-stroke-58-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 103.77650451660156px;
      stroke-dasharray: 103.77650451660156px;
    }

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

  @-webkit-keyframes animate-svg-fill-58-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-58-prod-3-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-58 {
    -webkit-animation: animate-svg-stroke-58-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5700000000000001s both,
                        animate-svg-fill-58-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5700000000000001s both;
            animation: animate-svg-stroke-58-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5700000000000001s both,
                animate-svg-fill-58-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5700000000000001s both;
  }

  @-webkit-keyframes animate-svg-stroke-59-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1486.693115234375px;
      stroke-dasharray: 1486.693115234375px;
    }

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

  @keyframes animate-svg-stroke-59-prod-3-detail-pc {
    0% {
      stroke-dashoffset: 1486.693115234375px;
      stroke-dasharray: 1486.693115234375px;
    }

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

  .svg-draw .svg-draw-prod-3-detail-pc-59 {
    -webkit-animation: animate-svg-stroke-59-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s both,
                        animate-svg-fill-59-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s both;
            animation: animate-svg-stroke-59-prod-3-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s both,
                animate-svg-fill-59-prod-3-detail-pc 0.02s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s both;
  }

/***************************************************
 prod 4 detail mobile
 **************************************************/

  @-webkit-keyframes animate-svg-stroke-1-prod-4-detail-mobile {
    0% {
      stroke-dashoffset: 658.6222534179688px;
      stroke-dasharray: 658.6222534179688px;
    }

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

  @keyframes animate-svg-stroke-1-prod-4-detail-mobile {
    0% {
      stroke-dashoffset: 658.6222534179688px;
      stroke-dasharray: 658.6222534179688px;
    }

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

  .svg-draw .svg-draw-prod-4-detail-mobile-1 {
    -webkit-animation: animate-svg-stroke-1-prod-4-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                        animate-svg-fill-1-prod-4-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
            animation: animate-svg-stroke-1-prod-4-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                animate-svg-fill-1-prod-4-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }

  @-webkit-keyframes animate-svg-stroke-2-prod-4-detail-mobile {
    0% {
      stroke-dashoffset: 5077.57421875px;
      stroke-dasharray: 5077.57421875px;
    }

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

  @keyframes animate-svg-stroke-2-prod-4-detail-mobile {
    0% {
      stroke-dashoffset: 5077.57421875px;
      stroke-dasharray: 5077.57421875px;
    }

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

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

    100% {
      fill: rgb(208, 129, 181);
    }
  }

  @keyframes animate-svg-fill-2-prod-4-detail-mobile {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(208, 129, 181);
    }
  }

  .svg-draw .svg-draw-prod-4-detail-mobile-2 {
    -webkit-animation: animate-svg-stroke-2-prod-4-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both,
                        animate-svg-fill-2-prod-4-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both;
            animation: animate-svg-stroke-2-prod-4-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both,
                animate-svg-fill-2-prod-4-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both;
  }

/***************************************************
 prod 4 detail pc
 **************************************************/

  @-webkit-keyframes animate-svg-stroke-1-prod-4-detail-pc {
    0% {
      stroke-dashoffset: 1494.994140625px;
      stroke-dasharray: 1494.994140625px;
    }

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

  @keyframes animate-svg-stroke-1-prod-4-detail-pc {
    0% {
      stroke-dashoffset: 1494.994140625px;
      stroke-dasharray: 1494.994140625px;
    }

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

  .svg-draw .svg-draw-prod-4-detail-pc-1 {
    -webkit-animation: animate-svg-stroke-1-prod-4-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                        animate-svg-fill-1-prod-4-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
            animation: animate-svg-stroke-1-prod-4-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                animate-svg-fill-1-prod-4-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }

  @-webkit-keyframes animate-svg-stroke-2-prod-4-detail-pc {
    0% {
      stroke-dashoffset: 1691.979736328125px;
      stroke-dasharray: 1691.979736328125px;
    }

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

  @keyframes animate-svg-stroke-2-prod-4-detail-pc {
    0% {
      stroke-dashoffset: 1691.979736328125px;
      stroke-dasharray: 1691.979736328125px;
    }

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

  .svg-draw .svg-draw-prod-4-detail-pc-2 {
    -webkit-animation: animate-svg-stroke-2-prod-4-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both,
                        animate-svg-fill-2-prod-4-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both;
            animation: animate-svg-stroke-2-prod-4-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both,
                animate-svg-fill-2-prod-4-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both;
  }

  @-webkit-keyframes animate-svg-stroke-3-prod-4-detail-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }

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

  @keyframes animate-svg-stroke-3-prod-4-detail-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }

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

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

    100% {
      fill: rgb(233, 155, 206);
    }
  }

  @keyframes animate-svg-fill-3-prod-4-detail-pc {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(233, 155, 206);
    }
  }

  .svg-draw .svg-draw-prod-4-detail-pc-3 {
    -webkit-animation: animate-svg-stroke-3-prod-4-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both,
                        animate-svg-fill-3-prod-4-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both;
            animation: animate-svg-stroke-3-prod-4-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both,
                animate-svg-fill-3-prod-4-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both;
  }

  @-webkit-keyframes animate-svg-stroke-4-prod-4-detail-pc {
    0% {
      stroke-dashoffset: 13842.814453125px;
      stroke-dasharray: 13842.814453125px;
    }

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

  @keyframes animate-svg-stroke-4-prod-4-detail-pc {
    0% {
      stroke-dashoffset: 13842.814453125px;
      stroke-dasharray: 13842.814453125px;
    }

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

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

    100% {
      fill: rgb(233, 155, 206);
    }
  }

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

    100% {
      fill: rgb(233, 155, 206);
    }
  }

  .svg-draw .svg-draw-prod-4-detail-pc-4 {
    -webkit-animation: animate-svg-stroke-4-prod-4-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both,
                        animate-svg-fill-4-prod-4-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both;
            animation: animate-svg-stroke-4-prod-4-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both,
                animate-svg-fill-4-prod-4-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both;
  }


/***************************************************
 prod 5 detail mobile
 **************************************************/

  @-webkit-keyframes animate-svg-stroke-1-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 1016px;
      stroke-dasharray: 1016px;
    }

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

  @keyframes animate-svg-stroke-1-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 1016px;
      stroke-dasharray: 1016px;
    }

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

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

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

  @keyframes animate-svg-fill-1-prod-5-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-5-detail-mobile-1 {
    -webkit-animation: animate-svg-stroke-1-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                        animate-svg-fill-1-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
            animation: animate-svg-stroke-1-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                animate-svg-fill-1-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }

  @-webkit-keyframes animate-svg-stroke-2-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 4657.6240234375px;
      stroke-dasharray: 4657.6240234375px;
    }

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

  @keyframes animate-svg-stroke-2-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 4657.6240234375px;
      stroke-dasharray: 4657.6240234375px;
    }

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

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

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

  @keyframes animate-svg-fill-2-prod-5-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-5-detail-mobile-2 {
    -webkit-animation: animate-svg-stroke-2-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both,
                        animate-svg-fill-2-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both;
            animation: animate-svg-stroke-2-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both,
                animate-svg-fill-2-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both;
  }

  @-webkit-keyframes animate-svg-stroke-3-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 4657.6240234375px;
      stroke-dasharray: 4657.6240234375px;
    }

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

  @keyframes animate-svg-stroke-3-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 4657.6240234375px;
      stroke-dasharray: 4657.6240234375px;
    }

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

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

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  @keyframes animate-svg-fill-3-prod-5-detail-mobile {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  .svg-draw .svg-draw-prod-5-detail-mobile-3 {
    -webkit-animation: animate-svg-stroke-3-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both,
                        animate-svg-fill-3-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both;
            animation: animate-svg-stroke-3-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both,
                animate-svg-fill-3-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both;
  }

  @-webkit-keyframes animate-svg-stroke-4-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 4657.6240234375px;
      stroke-dasharray: 4657.6240234375px;
    }

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

  @keyframes animate-svg-stroke-4-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 4657.6240234375px;
      stroke-dasharray: 4657.6240234375px;
    }

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

  .svg-draw .svg-draw-prod-5-detail-mobile-4 {
    -webkit-animation: animate-svg-stroke-4-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both,
                        animate-svg-fill-4-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both;
            animation: animate-svg-stroke-4-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both,
                animate-svg-fill-4-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both;
  }

  @-webkit-keyframes animate-svg-stroke-5-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 658.4259643554688px;
      stroke-dasharray: 658.4259643554688px;
    }

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

  @keyframes animate-svg-stroke-5-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 658.4259643554688px;
      stroke-dasharray: 658.4259643554688px;
    }

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

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

    100% {
      fill: rgb(139, 161, 204);
    }
  }

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

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  .svg-draw .svg-draw-prod-5-detail-mobile-5 {
    -webkit-animation: animate-svg-stroke-5-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both,
                        animate-svg-fill-5-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both;
            animation: animate-svg-stroke-5-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both,
                animate-svg-fill-5-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both;
  }

  @-webkit-keyframes animate-svg-stroke-6-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 141.94052124023438px;
      stroke-dasharray: 141.94052124023438px;
    }

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

  @keyframes animate-svg-stroke-6-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 141.94052124023438px;
      stroke-dasharray: 141.94052124023438px;
    }

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

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

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  @keyframes animate-svg-fill-6-prod-5-detail-mobile {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  .svg-draw .svg-draw-prod-5-detail-mobile-6 {
    -webkit-animation: animate-svg-stroke-6-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both,
                        animate-svg-fill-6-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both;
            animation: animate-svg-stroke-6-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both,
                animate-svg-fill-6-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both;
  }

  @-webkit-keyframes animate-svg-stroke-7-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 724.6481323242188px;
      stroke-dasharray: 724.6481323242188px;
    }

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

  @keyframes animate-svg-stroke-7-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 724.6481323242188px;
      stroke-dasharray: 724.6481323242188px;
    }

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

  .svg-draw .svg-draw-prod-5-detail-mobile-7 {
    -webkit-animation: animate-svg-stroke-7-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both,
                        animate-svg-fill-7-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both;
            animation: animate-svg-stroke-7-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both,
                animate-svg-fill-7-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both;
  }

  @-webkit-keyframes animate-svg-stroke-8-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 1022px;
      stroke-dasharray: 1022px;
    }

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

  @keyframes animate-svg-stroke-8-prod-5-detail-mobile {
    0% {
      stroke-dashoffset: 1022px;
      stroke-dasharray: 1022px;
    }

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

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

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

  @keyframes animate-svg-fill-8-prod-5-detail-mobile {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-5-detail-mobile-8 {
    -webkit-animation: animate-svg-stroke-8-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both,
                        animate-svg-fill-8-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both;
            animation: animate-svg-stroke-8-prod-5-detail-mobile 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both,
                animate-svg-fill-8-prod-5-detail-mobile 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both;
  }

/***************************************************
 prod 5 detail pc
 **************************************************/

  @-webkit-keyframes animate-svg-stroke-1-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 4848px;
      stroke-dasharray: 4848px;
    }

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

  @keyframes animate-svg-stroke-1-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 4848px;
      stroke-dasharray: 4848px;
    }

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

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

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

  @keyframes animate-svg-fill-1-prod-5-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-5-detail-pc-1 {
    -webkit-animation: animate-svg-stroke-1-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                        animate-svg-fill-1-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
            animation: animate-svg-stroke-1-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                animate-svg-fill-1-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }

  @-webkit-keyframes animate-svg-stroke-2-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 5292.095703125px;
      stroke-dasharray: 5292.095703125px;
    }

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

  @keyframes animate-svg-stroke-2-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 5292.095703125px;
      stroke-dasharray: 5292.095703125px;
    }

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

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

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  @keyframes animate-svg-fill-2-prod-5-detail-pc {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  .svg-draw .svg-draw-prod-5-detail-pc-2 {
    -webkit-animation: animate-svg-stroke-2-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both,
                        animate-svg-fill-2-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both;
            animation: animate-svg-stroke-2-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both,
                animate-svg-fill-2-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.01s both;
  }

  @-webkit-keyframes animate-svg-stroke-3-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 2026px;
      stroke-dasharray: 2026px;
    }

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

  @keyframes animate-svg-stroke-3-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 2026px;
      stroke-dasharray: 2026px;
    }

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

  @-webkit-keyframes animate-svg-fill-3-prod-5-detail-pc {
    0% {
      fill: transparent;
    }

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

  @keyframes animate-svg-fill-3-prod-5-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-5-detail-pc-3 {
    -webkit-animation: animate-svg-stroke-3-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both,
                        animate-svg-fill-3-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both;
            animation: animate-svg-stroke-3-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both,
                animate-svg-fill-3-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.02s both;
  }

  @-webkit-keyframes animate-svg-stroke-4-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 9296.4423828125px;
      stroke-dasharray: 9296.4423828125px;
    }

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

  @keyframes animate-svg-stroke-4-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 9296.4423828125px;
      stroke-dasharray: 9296.4423828125px;
    }

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

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

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

  @keyframes animate-svg-fill-4-prod-5-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-5-detail-pc-4 {
    -webkit-animation: animate-svg-stroke-4-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both,
                        animate-svg-fill-4-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both;
            animation: animate-svg-stroke-4-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both,
                animate-svg-fill-4-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.03s both;
  }

  @-webkit-keyframes animate-svg-stroke-5-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 9296.4423828125px;
      stroke-dasharray: 9296.4423828125px;
    }

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

  @keyframes animate-svg-stroke-5-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 9296.4423828125px;
      stroke-dasharray: 9296.4423828125px;
    }

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

  @-webkit-keyframes animate-svg-fill-5-prod-5-detail-pc {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  @keyframes animate-svg-fill-5-prod-5-detail-pc {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  .svg-draw .svg-draw-prod-5-detail-pc-5 {
    -webkit-animation: animate-svg-stroke-5-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both,
                        animate-svg-fill-5-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both;
            animation: animate-svg-stroke-5-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both,
                animate-svg-fill-5-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.04s both;
  }

  @-webkit-keyframes animate-svg-stroke-6-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 9296.4423828125px;
      stroke-dasharray: 9296.4423828125px;
    }

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

  @keyframes animate-svg-stroke-6-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 9296.4423828125px;
      stroke-dasharray: 9296.4423828125px;
    }

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

  .svg-draw .svg-draw-prod-5-detail-pc-6 {
    -webkit-animation: animate-svg-stroke-6-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both,
                        animate-svg-fill-6-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both;
            animation: animate-svg-stroke-6-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both,
                animate-svg-fill-6-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.05s both;
  }

  @-webkit-keyframes animate-svg-stroke-7-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 1617.3873291015625px;
      stroke-dasharray: 1617.3873291015625px;
    }

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

  @keyframes animate-svg-stroke-7-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 1617.3873291015625px;
      stroke-dasharray: 1617.3873291015625px;
    }

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

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

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  @keyframes animate-svg-fill-7-prod-5-detail-pc {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  .svg-draw .svg-draw-prod-5-detail-pc-7 {
    -webkit-animation: animate-svg-stroke-7-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both,
                        animate-svg-fill-7-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both;
            animation: animate-svg-stroke-7-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both,
                animate-svg-fill-7-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.06s both;
  }

  @-webkit-keyframes animate-svg-stroke-8-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 281.9316711425781px;
      stroke-dasharray: 281.9316711425781px;
    }

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

  @keyframes animate-svg-stroke-8-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 281.9316711425781px;
      stroke-dasharray: 281.9316711425781px;
    }

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

  @-webkit-keyframes animate-svg-fill-8-prod-5-detail-pc {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  @keyframes animate-svg-fill-8-prod-5-detail-pc {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  .svg-draw .svg-draw-prod-5-detail-pc-8 {
    -webkit-animation: animate-svg-stroke-8-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both,
                        animate-svg-fill-8-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both;
            animation: animate-svg-stroke-8-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both,
                animate-svg-fill-8-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.07s both;
  }

  @-webkit-keyframes animate-svg-stroke-9-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 2190px;
      stroke-dasharray: 2190px;
    }

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

  @keyframes animate-svg-stroke-9-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 2190px;
      stroke-dasharray: 2190px;
    }

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

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

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

  @keyframes animate-svg-fill-9-prod-5-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-5-detail-pc-9 {
    -webkit-animation: animate-svg-stroke-9-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s both,
                        animate-svg-fill-9-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s both;
            animation: animate-svg-stroke-9-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s both,
                animate-svg-fill-9-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.08s both;
  }

  @-webkit-keyframes animate-svg-stroke-10-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }

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

  @keyframes animate-svg-stroke-10-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 1010.4512418023236px;
      stroke-dasharray: 1010.4512418023236px;
    }

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

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

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  @keyframes animate-svg-fill-10-prod-5-detail-pc {
    0% {
      fill: transparent;
    }

    100% {
      fill: rgb(139, 161, 204);
    }
  }

  .svg-draw .svg-draw-prod-5-detail-pc-10 {
    -webkit-animation: animate-svg-stroke-10-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.09s both,
                        animate-svg-fill-10-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.09s both;
            animation: animate-svg-stroke-10-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.09s both,
                animate-svg-fill-10-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.09s both;
  }

  @-webkit-keyframes animate-svg-stroke-11-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 2040.4420166015625px;
      stroke-dasharray: 2040.4420166015625px;
    }

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

  @keyframes animate-svg-stroke-11-prod-5-detail-pc {
    0% {
      stroke-dashoffset: 2040.4420166015625px;
      stroke-dasharray: 2040.4420166015625px;
    }

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

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

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

  @keyframes animate-svg-fill-11-prod-5-detail-pc {
    0% {
      fill: transparent;
    }

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

  .svg-draw .svg-draw-prod-5-detail-pc-11 {
    -webkit-animation: animate-svg-stroke-11-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both,
                        animate-svg-fill-11-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both;
            animation: animate-svg-stroke-11-prod-5-detail-pc 0.8s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both,
                animate-svg-fill-11-prod-5-detail-pc 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both;
  }