/* icons animation */

/* brands */
#brands .svg-elem-1 {
  stroke-dashoffset: 101.2089827262428px;
  stroke-dasharray: 101.2089827262428px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

#brands.active .svg-elem-1 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-2 {
  stroke-dashoffset: 105.29305317590952px;
  stroke-dasharray: 105.29305317590952px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

#brands.active .svg-elem-2 {
  stroke-dashoffset: 0;
  fill: rgb(133, 133, 133);
}

#brands .svg-elem-3 {
  stroke-dashoffset: 101.2089827262428px;
  stroke-dasharray: 101.2089827262428px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

#brands.active .svg-elem-3 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-4 {
  stroke-dashoffset: 101.2089827262428px;
  stroke-dasharray: 101.2089827262428px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

#brands.active .svg-elem-4 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-5 {
  stroke-dashoffset: 79.17499542236328px;
  stroke-dasharray: 79.17499542236328px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

#brands.active .svg-elem-5 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-6 {
  stroke-dashoffset: 33.90579795837402px;
  stroke-dasharray: 33.90579795837402px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

#brands.active .svg-elem-6 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-7 {
  stroke-dashoffset: 33.90570068359375px;
  stroke-dasharray: 33.90570068359375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.72s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

#brands.active .svg-elem-7 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-8 {
  stroke-dashoffset: 6.758810043334961px;
  stroke-dasharray: 6.758810043334961px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.84s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

#brands.active .svg-elem-8 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-9 {
  stroke-dashoffset: 6.758899688720703px;
  stroke-dasharray: 6.758899688720703px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.96s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

#brands.active .svg-elem-9 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-10 {
  stroke-dashoffset: 6.758765697479248px;
  stroke-dasharray: 6.758765697479248px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.08s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

#brands.active .svg-elem-10 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-11 {
  stroke-dashoffset: 6.758790016174316px;
  stroke-dasharray: 6.758790016174316px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.2s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

#brands.active .svg-elem-11 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-12 {
  stroke-dashoffset: 6.758820056915283px;
  stroke-dasharray: 6.758820056915283px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.3199999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.3199999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

#brands.active .svg-elem-12 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-13 {
  stroke-dashoffset: 6.758820056915283px;
  stroke-dasharray: 6.758820056915283px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.44s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

#brands.active .svg-elem-13 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-14 {
  stroke-dashoffset: 24.41865650342905px;
  stroke-dasharray: 24.41865650342905px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.56s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

#brands.active .svg-elem-14 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-15 {
  stroke-dashoffset: 24.41865650342905px;
  stroke-dasharray: 24.41865650342905px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.68s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

#brands.active .svg-elem-15 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-16 {
  stroke-dashoffset: 24.41865650342905px;
  stroke-dasharray: 24.41865650342905px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.7999999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.7999999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

#brands.active .svg-elem-16 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-17 {
  stroke-dashoffset: 24.41865650342905px;
  stroke-dasharray: 24.41865650342905px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      1.92s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

#brands.active .svg-elem-17 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-18 {
  stroke-dashoffset: 24.41865650342905px;
  stroke-dasharray: 24.41865650342905px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      2.04s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

#brands.active .svg-elem-18 {
  stroke-dashoffset: 0;
}

#brands .svg-elem-19 {
  stroke-dashoffset: 24.41865650342905px;
  stroke-dasharray: 24.41865650342905px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      2.16s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

#brands.active .svg-elem-19 {
  stroke-dashoffset: 0;
}
/* end brands */

/* years */

#years .svg-elem-1 {
  stroke-dashoffset: 60.897193908691406px;
  stroke-dasharray: 60.897193908691406px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

#years.active .svg-elem-1 {
  stroke-dashoffset: 0;
}

#years .svg-elem-2 {
  stroke-dashoffset: 79.43939208984375px;
  stroke-dasharray: 79.43939208984375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

#years.active .svg-elem-2 {
  stroke-dashoffset: 0;
}

#years .svg-elem-3 {
  stroke-dashoffset: 99.52659606933594px;
  stroke-dasharray: 99.52659606933594px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

#years.active .svg-elem-3 {
  stroke-dashoffset: 0;
}

#years .svg-elem-4 {
  stroke-dashoffset: 118px;
  stroke-dasharray: 118px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

#years.active .svg-elem-4 {
  stroke-dashoffset: 0;
}

#years .svg-elem-5 {
  stroke-dashoffset: 134.57489013671875px;
  stroke-dasharray: 134.57489013671875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

#years.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(133, 133, 133);
}

/* end years */

/* experts */

#experts .svg-elem-1 {
  stroke-dashoffset: 90.97241997592955px;
  stroke-dasharray: 90.97241997592955px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

#experts.active .svg-elem-1 {
  stroke-dashoffset: 0;
}

#experts .svg-elem-2 {
  stroke-dashoffset: 126.8036117553711px;
  stroke-dasharray: 126.8036117553711px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

#experts.active .svg-elem-2 {
  stroke-dashoffset: 0;
}

#experts .svg-elem-3 {
  stroke-dashoffset: 90.97241997592955px;
  stroke-dasharray: 90.97241997592955px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

#experts.active .svg-elem-3 {
  stroke-dashoffset: 0;
}

#experts .svg-elem-4 {
  stroke-dashoffset: 126.80307006835938px;
  stroke-dasharray: 126.80307006835938px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

#experts.active .svg-elem-4 {
  stroke-dashoffset: 0;
}

#experts .svg-elem-5 {
  stroke-dashoffset: 115.69259351382505px;
  stroke-dasharray: 115.69259351382505px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

#experts.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(251, 251, 251);
}

#experts .svg-elem-6 {
  stroke-dashoffset: 161.47866821289062px;
  stroke-dasharray: 161.47866821289062px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715)
      0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

#experts.active .svg-elem-6 {
  stroke-dashoffset: 0;
  fill: rgb(251, 251, 251);
}
/* end experts */

/* end icons animation */
