.timeline{position:relative;padding:2rem 0;overflow-x:hidden}.timeline:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background-color:#e0e0e0}.timeline-container{position:relative;width:50%;padding:1rem 2.5rem}.timeline-container:nth-child(odd){left:0}.timeline-container:nth-child(2n){left:50%}.timeline-icon{position:absolute;top:1.25rem;right:-1.25rem;width:2.5rem;height:2.5rem;border-radius:50%;background-color:#fff;color:#935484;display:flex;align-items:center;justify-content:center;z-index:1;border:3px solid #935484;box-shadow:0 0 10px #0000001a;transition:background-color .6s ease-in-out,color .6s ease-in-out}.timeline-container:nth-child(2n) .timeline-icon{left:-1.25rem}.timeline-body{padding:2rem;background-color:#f8f9fa;border-radius:8px;position:relative;border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000000d;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;transition-delay:.2s}.timeline-container.in-view .timeline-icon{background-color:#935484;color:#fff}.timeline-container.in-view .timeline-body{opacity:1;transform:translateY(0)}.timeline-body:before{content:"";position:absolute;top:1.5rem;width:0;height:0;border-style:solid}.timeline-container:nth-child(odd) .timeline-body:before{right:-1rem;border-width:.75rem 0 .75rem 1rem;border-color:transparent transparent transparent #e0e0e0}.timeline-container:nth-child(2n) .timeline-body:before{left:-1rem;border-width:.75rem 1rem .75rem 0;border-color:transparent #e0e0e0 transparent transparent}.timeline-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;font-family:Jakarta,sans-serif}.timeline-title span{color:#935484}.timeline-body p{line-height:1.6;color:#6c757d}@media screen and (max-width: 768px){.timeline:before{left:1.25rem!important;transform:translate(0)!important}.timeline-container,.timeline-container:nth-child(2n){width:100%!important;padding-left:3.5rem!important;padding-right:1rem!important;left:0!important}.timeline-icon{left:0!important;right:auto!important}.timeline-body:before{left:-1rem!important;right:auto!important;border-width:.75rem 1rem .75rem 0!important;border-color:transparent #e0e0e0 transparent transparent!important}.timeline-body{transform:translate(20px)!important}.timeline-container.in-view .timeline-body{transform:translate(0)!important}}