.counter-section{border:1px solid #ddd;display:flex;max-width:100%}.counter-box{border-right:1px solid #ddd;display:flex;flex:1;flex-direction:column;height:473px;justify-content:space-between;overflow:hidden;position:relative;text-align:center}.counter-box:last-child{border-right:none}.counter-title{color:#002147;font-size:14px;font-weight:700;letter-spacing:.5px;padding-top:20px;text-transform:uppercase;z-index:2}.fill-bar{align-items:center;color:#fff;font-size:48px;font-weight:700;height:0;transform-origin:bottom;transition:height 1s ease-out;width:100%;z-index:1}.bar-wraper,.fill-bar{display:flex;justify-content:center}.bar-wraper{align-items:end;height:100%;max-height:364px}.bg-maroon{background-color:#5d2f27}.bg-black{background-color:#1a0d08}.bg-pink{background-color:#fbedeb;color:#000}.bg-lightpink{background-color:#ebd1cf;color:#000}@media screen and (max-width:768px){.counter-section{flex-direction:column}.counter-box{border-bottom:1px solid #ddd;border-right:none}.fill-bar{font-size:21px;height:100%;padding-left:10px;width:0}.counter-title{padding-bottom:15px;padding-left:10px;padding-top:18px;text-align:left}.bar-wraper,.fill-bar{justify-content:flex-start}}