.badge-wrapper{flex-direction:row;gap:30px;margin:0 auto;position:relative;width:max-content}.badge-group,.badge-wrapper{display:flex;justify-content:center}.badge-group{align-items:center;flex-direction:column;text-align:center}.badge-group-header{font-size:18px;padding:15px 0}.badge-container{align-items:start;display:flex;gap:10px;justify-content:center;position:relative;width:fit-content}@media (max-width:768px){.badge-container{flex-wrap:wrap;gap:5px;justify-content:center}.badge-wrapper{flex-direction:column;gap:10px;width:100%}.animation-line{display:none}}.animation-line{animation:line-move 1.5s ease-out forwards;background:linear-gradient(90deg,#4fcac8,#2087c6);height:15px;position:absolute;transform:translateY(-50%);width:100%}.badge{display:flex;flex-direction:column;font-size:14px;justify-content:center;text-align:center;width:100px}.badge-text{max-width:100%}.svg-wrapper{cursor:pointer;display:inline-block;height:100px;opacity:0;transition:transform .3s ease,opacity .3s ease;width:100px}.svg-wrapper:hover{transform:scale(1.1)}.dashed-border{stroke-dasharray:4 16.195;stroke-dashoffset:282.74;animation:dash-reveal 1.5s ease-out forwards}@keyframes dash-reveal{0%{stroke-dashoffset:40;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes line-move{0%{width:0}to{width:calc(100% - 60px)}}