#svg-animation.active svg .svg-elem-1{stroke-dashoffset:0}svg .svg-elem-2{stroke-dasharray:56.56515121459961px;stroke-dashoffset:56.56515121459961px;-webkit-transition:stroke-dashoffset .5s cubic-bezier(.47,0,.745,.715) 0s;transition:stroke-dashoffset .5s cubic-bezier(.47,0,.745,.715) 0s}#svg-animation.active svg .svg-elem-2{stroke-dashoffset:0}svg .svg-elem-3{stroke-dasharray:56.56617736816406px;stroke-dashoffset:56.56617736816406px;-webkit-transition:stroke-dashoffset 1s cubic-bezier(.47,0,.745,.715) 2s;transition:stroke-dashoffset 1s cubic-bezier(.47,0,.745,.715) 2s}#svg-animation.active svg .svg-elem-3{stroke-dashoffset:0}.card{border-radius:20px;display:flex;flex:1;flex-direction:column;height:fit-content;margin:0 15px;max-width:27%;padding:30px;row-gap:15px}.card:nth-child(2n){align-self:flex-end}.card-wrapper{display:flex;flex-direction:column;row-gap:15px}.card.active{background:#b9d707}.card .title h5{color:#d1f20f;font-size:24px;font-weight:500}.svg-image svg{height:100%;max-height:182px;max-width:182px;width:100%}.svg-image .svg-default{display:block}.card.active .svg-image .svg-default{display:none}