*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#061a40;line-height:1.6}.timeline-header{margin:auto;max-width:1200px;padding:60px 20px;text-align:center}.container{margin:0 auto;max-width:1200px;padding:0}.timeline{background:#fff;padding:60px 0}.timeline,.timeline .container{position:relative}.timeline .container:before{background:linear-gradient(180deg,#006fff,#3b9eff);content:"";height:100%;left:18px;position:absolute;top:0;width:4px;z-index:1}.timeline-block{display:flex;margin-bottom:40px;position:relative;z-index:2}.timeline-block:last-child{margin-bottom:0}.timeline-img{align-items:center;background:linear-gradient(90deg,#006fff,#3b9eff);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:-18px;width:36px;z-index:3}.timeline-img--picture{background-color:#28a745}.timeline-img--movie{background-color:#dc3545}.timeline-img--location{background-color:#ffc107}.timeline-img svg{height:20px;width:20px}.timeline-content{background:#fff;border-radius:8px;flex-grow:1;margin-left:20px;position:relative}.timeline-content:before{border:7px solid transparent;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.timeline-content h2{font-weight:700;margin-bottom:12px}.timeline-content p{line-height:1.6;margin-bottom:20px}.timeline-footer{align-items:center;border-radius:12px;display:flex;justify-content:space-between}.timeline-date{background:linear-gradient(90deg,#006fff,#3b9eff);border-radius:6px;color:#fff;font-size:20px;font-weight:500;padding:8px 12px;white-space:nowrap;width:auto}.timeline-content--hidden,.timeline-img--hidden{visibility:hidden}@media (min-width:768px){.main-header{padding:100px 20px}.main-header h1{font-size:3rem}.timeline .container:before{left:50%;transform:translateX(-50%)}.timeline-block{margin-bottom:50px}.timeline-block:nth-child(2n){flex-direction:row-reverse}.timeline-img{height:50px;margin-left:calc(5% - 25px);order:1;width:50px}.timeline-img svg{height:28px;width:28px}.timeline-block:nth-child(2n) .timeline-img{margin-left:0;margin-right:calc(5% - 25px)}.timeline-content{flex-grow:0;font-size:.95rem;margin:0;width:45%}.timeline-content:before{top:24px}.timeline-block:nth-child(odd) .timeline-content:before{border-left-color:#fff;border-right-color:transparent;left:100%;right:auto}.timeline-date{left:120%;position:absolute;top:0}.timeline-block:nth-child(2n) .timeline-date{left:auto;right:120%;text-align:right}.timeline-img--bounce-in{animation:bounce-in-icon .6s ease-out}.timeline-content--bounce-in{animation:bounce-in-content .6s ease-out}.timeline-block:nth-child(2n) .timeline-content--bounce-in{animation-name:bounce-in-content-reverse}}@keyframes bounce-in-icon{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}@keyframes bounce-in-content{0%{opacity:0;transform:translateX(-100px)}60%{opacity:1;transform:translateX(20px)}to{transform:translateX(0)}}@keyframes bounce-in-content-reverse{0%{opacity:0;transform:translateX(100px)}60%{opacity:1;transform:translateX(-20px)}to{transform:translateX(0)}}@media (max-width:767px){.timeline-main-heading{font-size:1.75rem}.timeline-main-description{font-size:.9rem}.timeline .container{padding:0 20px}.timeline-content{display:flex;flex-direction:column;margin-left:15px}.timeline-content h3{font-size:1.2rem}.timeline-content p,.timeline-date{font-size:.9rem}.timeline-date{padding:6px 10px}.timeline-footer{align-items:flex-start;flex-direction:column;gap:10px;order:0}.btn{align-self:flex-start}}