.timeline-container{margin-bottom:20px;text-align:center}.selected-milestone{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:275px;margin:0 auto;overflow:hidden;padding:20px;position:relative;width:640px}.milestone-details{display:flex;transition:transform .4s ease}.milestone-card{box-sizing:border-box;display:flex;min-width:600px;opacity:1;transition:opacity .2s ease}.milestone-card.inactive{opacity:0;transition-delay:.4s}.milestone-image{align-items:center;background-color:#ffffff00;display:flex;justify-content:center;width:50%}.milestone-image img{border-radius:5px;height:auto;max-width:100%}.milestone-text{padding:20px;width:50%}.timeline{align-items:center;display:flex;gap:100px;justify-content:center;margin-top:20px;position:relative}.timeline-event:not(:last-child) .circle:after{border-radius:5px;content:"";height:5px;left:100%;position:absolute;top:50%;transform:translate(25%,-50%);width:80px}.timeline-event{cursor:pointer;margin:5px;position:relative;text-align:center}.timeline-event i{color:#005f83;display:block;font-size:30px}.timeline-event span{display:block;font-weight:700;margin-top:5px}.circle{border-radius:50%;display:inline-block;height:20px;position:relative;width:20px;z-index:1}.timeline-wrapper{display:flex}.milestone-list,.timeline-wrapper{align-items:center;flex-direction:column}.milestone-list{align-self:center;display:none;gap:20px;padding:20px}.milestone-list-item{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 16px rgba(0,0,0,.25);box-sizing:border-box;margin:20px;max-width:95%;padding:20px;width:100%}@media (max-width:600px){.milestone-details{display:none;flex-direction:column;transition:transform .4s ease}.milestone-card{min-height:220px;min-width:100%}.timeline,.timeline-container{display:none}.milestone-list{display:flex}.timeline-event{align-items:center;display:flex;gap:10px}.timeline-event span{font-size:14px}}