.counters{width:100%;display:flex}.counter-box{margin:15px;border-radius:5px;width:100%;padding:30px 30px 20px 30px;transition:all .3s ease-in-out;background-size:0% 100%;border:none;display:inline-block;outline:none;text-decoration:none;transition:background-color .5s}.counter-box:hover .counter-icon svg{fill:#fff}.counter{letter-spacing:.125rem;line-height:1;position:relative;display:inline-flex;overflow:hidden;align-items:center;height:3.125rem;font-size:35px;font-weight:600;margin:0 0 0 0}.counter-icon{margin-bottom:20px}.counter>span{z-index:1;display:flex;flex-direction:column;height:100%;transition:transform 2s ease;transform:translateY(0);line-height:1;margin:0}.counter>span span{flex:0 0 100%;height:100%}.counter:nth-child(1)>span{transition-delay:0s}.counter:nth-child(2)>span{transition-delay:0.375s}.counter:nth-child(3)>span{transition-delay:0.75s}.counter:nth-child(4)>span{transition-delay:1.125s}.counter:nth-child(5)>span{transition-delay:1.5s}.counter:nth-child(6)>span{transition-delay:1.875s}.counter:nth-child(7)>span{transition-delay:2.25s}.counter:nth-child(8)>span{transition-delay:2.625s}.counter:nth-child(9)>span{transition-delay:3s}.counter:nth-child(10)>span{transition-delay:3.375s}.counter:nth-child(11)>span{transition-delay:3.75s}.counter:nth-child(12)>span{transition-delay:4.125s}.counter:nth-child(13)>span{transition-delay:4.5s}.counter:nth-child(14)>span{transition-delay:4.875s}.counter:nth-child(15)>span{transition-delay:5.25s}.counter:nth-child(16)>span{transition-delay:5.625s}.counter:nth-child(17)>span{transition-delay:6s}.counter:nth-child(18)>span{transition-delay:6.375s}.counter:nth-child(19)>span{transition-delay:6.75s}.counter:nth-child(20)>span{transition-delay:7.125s}.counter:nth-child(1){color:#000}.counter:nth-child(2){color:#000}.counter:nth-child(3){color:#000}.counter:nth-child(4){color:#000}@media screen and (max-width:768px){.counters{width:100%;display:flex;flex-direction:column}.counter-box{margin:15px 0 15px 0}}