/***************************************************
 * Generated by #service01 Artista on 8/23/2023, 1:34:08 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

#service01 .svg-elem-1 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
}

#service01.active .svg-elem-1 {
    fill: rgb(252, 220, 74);
}

#service01 .svg-elem-2 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.115s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.115s;
}

#service01.active .svg-elem-2 {
    fill: rgb(252, 220, 74);
}

#service01 .svg-elem-3 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.13s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.13s;
}

#service01.active .svg-elem-3 {
    fill: rgb(252, 220, 74);
}

#service01 .svg-elem-4 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14500000000000002s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14500000000000002s;
}

#service01.active .svg-elem-4 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-5 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s;
}

#service01.active .svg-elem-5 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-6 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.175s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.175s;
}

#service01.active .svg-elem-6 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-7 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.19s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.19s;
}

#service01.active .svg-elem-7 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-8 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.20500000000000002s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.20500000000000002s;
}

#service01.active .svg-elem-8 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-9 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s;
}

#service01.active .svg-elem-9 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-10 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.23500000000000001s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.23500000000000001s;
}

#service01.active .svg-elem-10 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-11 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s;
}

#service01.active .svg-elem-11 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-12 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.265s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.265s;
}

#service01.active .svg-elem-12 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-13 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s;
}

#service01.active .svg-elem-13 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-14 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.29500000000000004s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.29500000000000004s;
}

#service01.active .svg-elem-14 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-15 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.31s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.31s;
}

#service01.active .svg-elem-15 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-16 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32499999999999996s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32499999999999996s;
}

#service01.active .svg-elem-16 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-17 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33999999999999997s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33999999999999997s;
}

#service01.active .svg-elem-17 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-18 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.355s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.355s;
}

#service01.active .svg-elem-18 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-19 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.37s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.37s;
}

#service01.active .svg-elem-19 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-20 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.385s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.385s;
}

#service01.active .svg-elem-20 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-21 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
}

#service01.active .svg-elem-21 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-22 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.41500000000000004s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.41500000000000004s;
}

#service01.active .svg-elem-22 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-23 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42999999999999994s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42999999999999994s;
}

#service01.active .svg-elem-23 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-24 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44499999999999995s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44499999999999995s;
}

#service01.active .svg-elem-24 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-25 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45999999999999996s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45999999999999996s;
}

#service01.active .svg-elem-25 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-26 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.475s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.475s;
}

#service01.active .svg-elem-26 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-27 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.49s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.49s;
}

#service01.active .svg-elem-27 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-28 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.505s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.505s;
}

#service01.active .svg-elem-28 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-29 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s;
}

#service01.active .svg-elem-29 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-30 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.535s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.535s;
}

#service01.active .svg-elem-30 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-31 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5499999999999999s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5499999999999999s;
}

#service01.active .svg-elem-31 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-32 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.565s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.565s;
}

#service01.active .svg-elem-32 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-33 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s;
}

#service01.active .svg-elem-33 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-34 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.595s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.595s;
}

#service01.active .svg-elem-34 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-35 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.61s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.61s;
}

#service01.active .svg-elem-35 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-36 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.625s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.625s;
}

#service01.active .svg-elem-36 {
    fill: rgb(33, 23, 21);
}

#service01 .svg-elem-37 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s;
}

#service01.active .svg-elem-37 {
    fill: rgb(33, 23, 21);
}


/*****************************************************************************************************/

#service02 .svg-elem-1 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
}

#service02.active .svg-elem-1 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-2 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12000000000000001s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12000000000000001s;
}

#service02.active .svg-elem-2 {
    fill: rgb(252, 220, 74);
}

#service02 .svg-elem-3 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.14s;
}

#service02.active .svg-elem-3 {
    fill: rgb(252, 220, 74);
}

#service02 .svg-elem-4 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s;
}

#service02.active .svg-elem-4 {
    fill: rgb(252, 220, 74);
}

#service02 .svg-elem-5 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.18s;
}

#service02.active .svg-elem-5 {
    fill: rgb(252, 220, 74);
}

#service02 .svg-elem-6 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
}

#service02.active .svg-elem-6 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-7 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s;
}

#service02.active .svg-elem-7 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-8 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24000000000000002s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24000000000000002s;
}

#service02.active .svg-elem-8 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-9 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.26s;
}

#service02.active .svg-elem-9 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-10 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s;
}

#service02.active .svg-elem-10 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-11 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
}

#service02.active .svg-elem-11 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-12 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.32s;
}

#service02.active .svg-elem-12 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-13 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33999999999999997s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33999999999999997s;
}

#service02.active .svg-elem-13 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-14 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

#service02.active .svg-elem-14 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-15 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.38s;
}

#service02.active .svg-elem-15 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-16 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
}

#service02.active .svg-elem-16 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-17 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42000000000000004s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42000000000000004s;
}

#service02.active .svg-elem-17 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-18 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44000000000000006s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.44000000000000006s;
}

#service02.active .svg-elem-18 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-19 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45999999999999996s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45999999999999996s;
}

#service02.active .svg-elem-19 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-20 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

#service02.active .svg-elem-20 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-21 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
}

#service02.active .svg-elem-21 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-22 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s;
}

#service02.active .svg-elem-22 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-23 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.54s;
}

#service02.active .svg-elem-23 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-24 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s;
}

#service02.active .svg-elem-24 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-25 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s;
}

#service02.active .svg-elem-25 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-26 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

#service02.active .svg-elem-26 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-27 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.62s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.62s;
}

#service02.active .svg-elem-27 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-28 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s;
}

#service02.active .svg-elem-28 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-29 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.66s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.66s;
}

#service02.active .svg-elem-29 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-30 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6799999999999999s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6799999999999999s;
}

#service02.active .svg-elem-30 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-31 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
}

#service02.active .svg-elem-31 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-32 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

#service02.active .svg-elem-32 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-33 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.74s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.74s;
}

#service02.active .svg-elem-33 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-34 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.76s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.76s;
}

#service02.active .svg-elem-34 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-35 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.78s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.78s;
}

#service02.active .svg-elem-35 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-36 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

#service02.active .svg-elem-36 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-37 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.82s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.82s;
}

#service02.active .svg-elem-37 {
    fill: rgb(33, 23, 21);
}

#service02 .svg-elem-38 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
}

#service02.active .svg-elem-38 {
    fill: rgb(0, 0, 0);
}

/*****************************************************************************************************/

#service03 .svg-elem-1 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
}

#service03.active .svg-elem-1 {
    fill: rgb(252, 220, 74);
}

#service03 .svg-elem-2 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.13s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.13s;
}

#service03.active .svg-elem-2 {
    fill: rgb(252, 220, 74);
}

#service03 .svg-elem-3 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.16s;
}

#service03.active .svg-elem-3 {
    fill: rgb(252, 220, 74);
}

#service03 .svg-elem-4 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.19s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.19s;
}

#service03.active .svg-elem-4 {
    fill: rgb(252, 220, 74);
}

#service03 .svg-elem-5 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.22s;
}

#service03.active .svg-elem-5 {
    fill: rgb(252, 220, 74);
}

#service03 .svg-elem-6 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s;
}

#service03.active .svg-elem-6 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-7 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.28s;
}

#service03.active .svg-elem-7 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-8 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.31s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.31s;
}

#service03.active .svg-elem-8 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-9 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33999999999999997s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.33999999999999997s;
}

#service03.active .svg-elem-9 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-10 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.37s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.37s;
}

#service03.active .svg-elem-10 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-11 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
}

#service03.active .svg-elem-11 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-12 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42999999999999994s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.42999999999999994s;
}

#service03.active .svg-elem-12 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-13 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45999999999999996s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.45999999999999996s;
}

#service03.active .svg-elem-13 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-14 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.49s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.49s;
}

#service03.active .svg-elem-14 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-15 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.52s;
}

#service03.active .svg-elem-15 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-16 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5499999999999999s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5499999999999999s;
}

#service03.active .svg-elem-16 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-17 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.58s;
}

#service03.active .svg-elem-17 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-18 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.61s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.61s;
}

#service03.active .svg-elem-18 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-19 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.64s;
}

#service03.active .svg-elem-19 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-20 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6699999999999999s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6699999999999999s;
}

#service03.active .svg-elem-20 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-21 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
}

#service03.active .svg-elem-21 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-22 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.73s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.73s;
}

#service03.active .svg-elem-22 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-23 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7599999999999999s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7599999999999999s;
}

#service03.active .svg-elem-23 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-24 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7899999999999999s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7899999999999999s;
}

#service03.active .svg-elem-24 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-25 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.82s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.82s;
}

#service03.active .svg-elem-25 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-26 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.85s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.85s;
}

#service03.active .svg-elem-26 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-27 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.88s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.88s;
}

#service03.active .svg-elem-27 {
    fill: rgb(33, 23, 21);
}

#service03 .svg-elem-28 {
    fill: transparent;
    -webkit-transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9099999999999999s;
    transition: fill 0.1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9099999999999999s;
}

#service03.active .svg-elem-28 {
    fill: rgb(33, 23, 21);
}

/*****************************************************************************************************/

#anime01 .svg-elem-1 {
    stroke-dashoffset: 750.7011108398438px;
    stroke-dasharray: 750.7011108398438px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

#anime01.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

#anime01 .svg-elem-2 {
    stroke-dashoffset: 106.15338134765625px;
    stroke-dasharray: 106.15338134765625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

#anime01.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(245, 203, 54);
}

#anime01 .svg-elem-3 {
    stroke-dashoffset: 106.15338134765625px;
    stroke-dasharray: 106.15338134765625px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

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

#anime01 .svg-elem-4 {
    stroke-dashoffset: 146.04156494140625px;
    stroke-dasharray: 146.04156494140625px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

#anime01.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(245, 203, 54);
}

#anime01 .svg-elem-5 {
    stroke-dashoffset: 125.7444076538086px;
    stroke-dasharray: 125.7444076538086px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

#anime01.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(245, 203, 54);
}

#anime01 .svg-elem-6 {
    stroke-dashoffset: 76.15553283691406px;
    stroke-dasharray: 76.15553283691406px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

#anime01.active .svg-elem-6 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

#anime01 .svg-elem-7 {
    stroke-dashoffset: 76.15486145019531px;
    stroke-dasharray: 76.15486145019531px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

#anime01.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

#anime01 .svg-elem-8 {
    stroke-dashoffset: 76.15528106689453px;
    stroke-dasharray: 76.15528106689453px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

#anime01.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

#anime01 .svg-elem-9 {
    stroke-dashoffset: 76.15528869628906px;
    stroke-dasharray: 76.15528869628906px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

#anime01.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

#anime01 .svg-elem-10 {
    stroke-dashoffset: 53.00849914550781px;
    stroke-dasharray: 53.00849914550781px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 1.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 1.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

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

#anime01 .svg-elem-11 {
    stroke-dashoffset: 112.84950256347656px;
    stroke-dasharray: 112.84950256347656px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 1.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 1.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

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

#anime01 .svg-elem-12 {
    stroke-dashoffset: 112.84950256347656px;
    stroke-dasharray: 112.84950256347656px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 1.3199999999999998s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035) 1.3199999999999998s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

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


#anime02 .svg-elem-1 {
  stroke-dashoffset: 868.29736328125px;
  stroke-dasharray: 868.29736328125px;
  -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;
}

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

#anime02 .svg-elem-2 {
  stroke-dashoffset: 158.39645385742188px;
  stroke-dasharray: 158.39645385742188px;
  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;
}

#anime02.active .svg-elem-2 {
  stroke-dashoffset: 0;
  fill: rgb(245, 203, 54);
}

#anime02 .svg-elem-3 {
  stroke-dashoffset: 766px;
  stroke-dasharray: 766px;
  fill: transparent;
  -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;
}

#anime02.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

/*****************************************************************************************************/

#anime03 .svg-elem-1 {
    stroke-dashoffset: 256.1463623046875px;
    stroke-dasharray: 256.1463623046875px;
    fill: transparent;
    -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;
}

#anime03.active .svg-elem-1 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

#anime03 .svg-elem-2 {
    stroke-dashoffset: 164.3780059814453px;
    stroke-dasharray: 164.3780059814453px;
    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;
}

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

#anime03 .svg-elem-3 {
    stroke-dashoffset: 164.3780059814453px;
    stroke-dasharray: 164.3780059814453px;
    -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;
}

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

#anime03 .svg-elem-4 {
    stroke-dashoffset: 749.627685546875px;
    stroke-dasharray: 749.627685546875px;
    fill: transparent;
    -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;
}

#anime03.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}

#anime03 .svg-elem-5 {
    stroke-dashoffset: 555.6144409179688px;
    stroke-dasharray: 555.6144409179688px;
    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;
}

#anime03.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(245, 203, 54);
}

#anime03 .svg-elem-6 {
    stroke-dashoffset: 246.2149658203125px;
    stroke-dasharray: 246.2149658203125px;
    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;
}

#anime03.active .svg-elem-6 {
    stroke-dashoffset: 0;
    fill: rgb(51, 51, 51);
}

#anime03 .svg-elem-7 {
    stroke-dashoffset: 63.848602294921875px;
    stroke-dasharray: 63.848602294921875px;
    fill: transparent;
    -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;
}

#anime03.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(255, 255, 255);
}


.popup {
    animation: popup 2.0s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes popup {
    0% {
        transform: translateY(40px) scale(0.8);
        opacity: 0;
    }

    100% {
        transform: translateY(0) scale(1.0);
        opacity: 1;
    }
}