.timeline{width:100%;max-width:1000px;margin:0 auto;position:relative;padding:2rem 0;}.timeline img{max-width:150px;}.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:#214959;color:#fff;font-weight:700;padding:15px;min-width:80px;text-align:center;}.timeline .timeline-item .timeline-left .date-box h5{font-size:15px;}.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 #214959;}.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:-180px;bottom:-175px;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;width:500px;margin-left:35px;}.timeline .timeline-item .timeline-right .hist-text-box{background-color:#f2f2f2;padding:15px 25px;max-width:100%;width:600px;min-height:150px;display:flex;flex-direction:column;justify-content:center;}.timeline .timeline-item .timeline-right .hist-text-box h5{font-size:15px;}.timeline .timeline-item .timeline-right .hist-text-box p{margin-bottom:0;font-size:18px;}@media screen and (max-width:1400px){.timeline .timeline-item .timeline-right .hist-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:992px){.timeline{padding-top:80px;}}@media screen and (max-width:768px){.timeline .timeline-item .timeline-right .hist-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;}}