.tag-wrapper{position:relative;z-index:3}.tag-wrapper h2{text-align:center}.tag-wrapper .tags{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:30px}.tag-wrapper .tags.center{justify-content:center}.tag-wrapper .tags .tag{align-items:center;background-color:#39393980;border-radius:50px;display:inline-block;display:flex;font-size:14px;font-weight:700;margin-bottom:20px;margin-left:10px;margin-right:10px;padding:10px 25px;transition:all .3s ease-in}.tag-wrapper .tags .tag .dot{border-radius:50px;float:left;height:15px;margin-right:15px;position:relative;width:15px}.tag-wrapper .tags .tag .dot:before{animation:pulse 2s ease-out infinite;background-color:inherit;border-radius:50px;content:"";height:100%;left:0;position:absolute;top:0;transform-origin:center;width:100%}.tag-wrapper .tags .tag .dot.yellow{background-color:#cf0}.tag-wrapper .tags .tag .dot.red{background-color:#ff3b30}.tag-wrapper .tags .tag .dot.lightblue{background-color:#0ff}.tag-wrapper .tags .tag .dot.pink{background-color:#f3c}.tag-wrapper .tags .tag .dot.orange{background-color:#f60}.tag-wrapper .tags .tag .dot.blue{background-color:#0075ff}.tag-wrapper .tags .tag .dot.green{background-color:#0f0}.tag-wrapper .tags .tag:first-child .dot:before{animation-delay:0s}.tag-wrapper .tags .tag:nth-child(2) .dot:before{animation-delay:.6s}.tag-wrapper .tags .tag:nth-child(3) .dot:before{animation-delay:1.3s}.tag-wrapper .tags .tag:nth-child(4) .dot:before{animation-delay:.9s}.tag-wrapper .tags .tag:nth-child(5) .dot:before{animation-delay:1.6s}.tag-wrapper .tags .tag:nth-child(6) .dot:before{animation-delay:.15s}.tag-wrapper .tags .tag:nth-child(7) .dot:before{animation-delay:1s}.tag-wrapper .tags .tag:nth-child(8) .dot:before{animation-delay:.75s}.tag-wrapper .tags .tag:nth-child(9) .dot:before{animation-delay:1.35s}.tag-wrapper .tags .tag:nth-child(10) .dot:before{animation-delay:.3s}.tag-wrapper .tags .tag:nth-child(11) .dot:before{animation-delay:.45s}.tag-wrapper .tags .tag:nth-child(12) .dot:before{animation-delay:1.2s}.tag-wrapper .tags .tag:nth-child(13) .dot:before{animation-delay:.85s}.tag-wrapper .tags .tag:nth-child(14) .dot:before{animation-delay:1.65s}.tag-wrapper .tags .tag:nth-child(15) .dot:before{animation-delay:.7s}.tag-wrapper .tags .tag:nth-child(16) .dot:before{animation-delay:1.8s}.tag-wrapper .tags .tag:nth-child(17) .dot:before{animation-delay:.25s}.tag-wrapper .tags .tag:nth-child(18) .dot:before{animation-delay:1.6s}.tag-wrapper .tags .tag:nth-child(19) .dot:before{animation-delay:.45s}.tag-wrapper .tags .tag:nth-child(20) .dot:before{animation-delay:1.95s}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.tag-wrapper .tags .tag .arrow{height:15px;margin-left:20px;transition:all .3s ease-in;width:15px}.tag-wrapper .tags .tag .arrow svg{height:100%;transform:rotate(-90deg);width:100%}.tag-wrapper .tags .tag .arrow svg path{fill:#fff}.tag-wrapper .tags .tag:hover .arrow{margin-left:30px;margin-right:-10px}.tag-wrapper .tags .tag.active{color:#1a1a1a!important}.tag-wrapper .tags .tag.active svg path{fill:#1a1a1a}.tag-wrapper .tags .tag.active .dot{background-color:#1a1a1a}.tag-wrapper .tags .tag.active.yellow{background-color:#cf0;color:#1a1a1a!important}.tag-wrapper .tags .tag.active.red{background-color:#ff3b30}.tag-wrapper .tags .tag.active.lightblue{background-color:#0ff}.tag-wrapper .tags .tag.active.pink{background-color:#f3c}.tag-wrapper .tags .tag.active.orange{background-color:#f60}.tag-wrapper .tags .tag.active.blue{background-color:#0075ff}.tag-wrapper .tags .tag.active.green{background-color:#0f0}.tag-wrapper .tags .tag:first-child{margin-left:0}@media only screen and (max-width:1023px){.tag-wrapper{max-width:90vw}.tag-wrapper .tags .tag{float:left;margin-bottom:10px;margin-left:0;margin-right:5px;padding:10px 15px}}@media only screen and (max-width:420px){.tag-wrapper .tags .tag{font-size:12px;margin-left:0;margin-right:0}.tag-wrapper .tags .tag .arrow{margin-left:15px}}