.m4 .heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.2rem}.m4{height:330px;overflow:hidden;overflow-x:auto;position:relative}.m4:after{background-color:#f2f2f2;content:"";height:1px;left:100px;top:50%;transform:translateY(-50%);width:100%}.m4:after,.m4>li{position:absolute}.m4>li{align-items:center;display:flex;flex-direction:column;height:125px;left:0;top:15px;transition:.4s;width:150px}.m4>li:nth-child(odd){top:calc(100% - 140px)}.m4 .title{background-color:inherit;font-size:.8rem;padding-top:10px;position:relative}.m4 .title,.m4 .year{text-align:center;z-index:1}.m4 .year{background-color:#f2f2f2;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.2);display:grid;font-weight:700;height:60px;place-content:center;position:relative;width:60px}.m4 .important .year{background:var(--c1);color:#fff}.m4>li>div{position:relative}.m4>li>div:before{background-color:#f2f2f2;content:"";height:100px;left:50%;position:absolute;top:100px;transform:translateY(-50%);width:1px}.m4>li:nth-child(odd)>div:before{height:30px;top:0}.m4>li>div:after{background-color:#f2f2f2;border-radius:50%;bottom:-6px;content:"";height:13px;left:50%;position:absolute;top:-27px;transform:translateX(-6.5px);width:13px;z-index:1}.m4>li:nth-child(2n)>div:after{top:140px}