.timeline{box-sizing:border-box;margin:20px auto;padding:20px 0;position:relative;width:1000px}.timeline:before{background:#c5c5c5;content:"";height:100%;left:50%;position:absolute;width:2px}.timeline ul{margin:0;padding:0}.timeline ul li{box-sizing:border-box;list-style:none;padding:20px 34px;position:relative;width:50%}.timeline ul li:nth-child(odd){clear:both;float:left;text-align:right}.timeline ul li:nth-child(2n){clear:both;float:right;text-align:left}.timeline .content{align-items:center;background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);justify-content:left;padding:24px;position:relative;transition:transform .4s}.timeline .content:hover{box-shadow:0 25px 50px -12px rgba(170,71,71,.25);transform:scale(1.05)}.timeline ul li:nth-child(odd) .content{border-right:5px solid #ed1b24}.timeline ul li:nth-child(odd):before{background:#ed1b24;border-radius:50%;box-shadow:0 0 0 3px rgba(233,33,99,.2);content:"";height:10px;position:absolute;right:-6px;top:50%;width:10px}.timeline ul li:nth-child(2n) .content{border-left:5px solid #ed1b24}.timeline ul li:nth-child(2n):before{background:#e92163;border-radius:50%;box-shadow:0 0 0 3px rgba(233,33,99,.2);content:"";height:10px;left:-4px;position:absolute;top:50%;width:10px}.timeline ul li .content span{color:#ed1b24;display:block;font-size:1.125rem;font-weight:600;margin:0;padding:0}.timeline ul li p{padding:0}.timeline ul li .time span{display:block;font-size:14px;margin:0;padding:0;white-space:nowrap}.timeline ul li:nth-child(odd) .time{align-items:center;background:#ed1b24;border-radius:100%;box-shadow:0 0 0 3px rgba(233,33,99,.3);color:#fff;display:flex;height:50px;justify-content:center;margin:0;padding:8px 16px;position:absolute;right:-26px;top:35%;width:50px}.timeline ul li:nth-child(odd) .time h4{color:#fff}.timeline ul li:nth-child(2n) .time{align-items:center;background:#ed1b24;border-radius:100%;box-shadow:0 0 0 3px rgba(233,33,99,.3);color:#fff;display:flex;height:50px;justify-content:center;left:-24px;margin:0;padding:8px 16px;position:absolute;top:35%;width:50px}.timeline ul li:nth-child(2n) .time h4{color:#fff}@media(max-width:1000px){.timeline{width:100%}}@media(max-width:767px){.timeline{padding-bottom:0;width:100%}h1{font-size:40px;text-align:center}.timeline:before{height:100%;left:20px}.timeline ul li:nth-child(2n),.timeline ul li:nth-child(odd){padding-bottom:50px;padding-left:50px;text-align:left;width:100%}.timeline ul li:nth-child(2n):before,.timeline ul li:nth-child(odd):before{left:16px;top:-18px}.timeline ul li:nth-child(2n) .time,.timeline ul li:nth-child(odd) .time{left:50px;right:inherit;top:-30px}}