.timeline{width:100%;max-width:1000px;margin:0 auto;position:relative;padding:2rem 0;}.timeline .timeline-item{display:flex;align-items:flex-start;margin-bottom:3rem;position:relative;}.timeline .timeline-item:first-child .timeline-middle::before{top:10px;}.timeline .timeline-item:last-child .timeline-middle::before{bottom:0;}.timeline .timeline-item .timeline-left{flex:1;position:relative;margin-right:50px;display:flex;justify-content:flex-end;}.timeline .timeline-item .timeline-left .date-box{position:absolute;top:50%;transform:translateY(-39%);background-color:#968a61;color:#fff;padding:15px;min-width:80px;text-align:center;}.timeline .timeline-item .timeline-left .date-box h5{font-size:15px;margin-top:.5rem;}.timeline .timeline-item .timeline-left .date-box::after{content:"";position:absolute;top:50%;right:-14px;transform:translateY(-50%);width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:15px solid #968a61;}.timeline .timeline-item .timeline-middle{width:40px;display:flex;justify-content:center;align-items:center;position:relative;}.timeline .timeline-item .timeline-middle::before{content:"";position:absolute;top:-200px;bottom:-200px;left:50%;width:2px;background:#000;transform:translateX(-50%);z-index:0;}.timeline .timeline-item .timeline-middle .circle{width:16px;height:16px;background-color:#fff;border:2px solid #000;border-radius:50%;position:relative;z-index:1;}.timeline .timeline-item .timeline-right{flex:1;display:flex;flex-direction:column;justify-content:flex-start;margin-left:35px;}.timeline .timeline-item .timeline-right .text-box{background-color:#ddd;padding:25px;max-width:100%;width:500px;}.timeline .timeline-item .timeline-right .text-box h5{font-size:15px;}.timeline .timeline-item .timeline-right .text-box p{margin-bottom:0;font-size:15px;}@media screen and (max-width:1400px){.timeline .timeline-item .timeline-right .text-box{width:400px;}}@media screen and (max-width:1200px){.timeline .timeline-item .timeline-left{margin-right:25px;}.timeline .timeline-item .timeline-right{margin-left:10px;}}@media screen and (max-width:768px){.timeline .timeline-item .timeline-right .text-box{width:300px;}.timeline .timeline-item .timeline-middle::before{top:-250px;bottom:-250px;}}@media screen and (max-width:576px){.timeline .timeline-item .timeline-left{display:none;}.timeline .timeline-item .timeline-right{margin-left:0;}}