.timeline{display:flex;flex-direction:column;width:65vw;margin:3% auto 0;counter-reset:event-counter}.timeline__event{background:#fff;margin-bottom:40px;position:relative;display:flex;border-radius:8px;box-shadow:0 30px 60px -12px #32325d40,0 18px 36px -18px #0000004d,0 -12px 36px -8px #00000006;counter-increment:event-counter;flex-grow:1;justify-content:space-between}.timeline__event__icon{flex-shrink:0;flex-basis:120px;border-radius:8px 0 0 8px;background:#06d6a0;display:flex;justify-content:center;padding:20px;color:#fff;position:relative}.timeline__event__icon img{max-width:100px;max-height:100px;-o-object-fit:cover;object-fit:cover}.timeline__event__date{color:#0077b6;font-weight:600;white-space:nowrap}.timeline__event__content{padding:20px;flex-grow:1}.timeline__event__title{font-size:1.2rem;color:#06d6a0;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:5px}.timeline__event__description{width:100%;color:#666;font-size:1rem}.timeline__event:before,.timeline__event:after{content:"";position:absolute;height:100%;background:#06d6a0;left:-3.5rem;top:0;z-index:-1}.timeline__event:before{content:counter(event-counter);position:absolute;width:3rem;height:3rem;border-radius:100%;background:#06d6a0;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;left:-1.5rem;transform:translateY(-50%);z-index:1;border:7px solid rgb(243,244,246,var(--tw-bg-opacity))}.timeline__event--type2 .timeline__event__icon,.timeline__event--type2:before,.timeline__event--type2:after{background:#ef476f}.timeline__event--type2 .timeline__event__date{color:#118ab2}.timeline__event--type2 .timeline__event__title{color:#ef476f}.timeline__event--type3 .timeline__event__icon,.timeline__event--type3:before,.timeline__event--type3:after{background:#ffd166}.timeline__event--type3 .timeline__event__date{color:#fce2c2}.timeline__event--type3 .timeline__event__title{color:#ffd166}.timeline__event:last-child:after{content:none}@media (max-width: 1064px){.timeline__event{flex-direction:column}.timeline__event__icon{width:100%;border-radius:8px 8px 0 0}.timeline__event__icon img{max-width:80px;max-height:80px}.timeline__event__date,.timeline__event__content{width:100%}.timeline__event:before{left:50%;transform:translate(-50%,-50%)}}.timeline__event__icon{position:relative;overflow:hidden}.timeline__event__icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#06d6a0,#0077b6,#118ab2,#ef476f,#ffd166,#fce2c2,#06d6a0);opacity:.6;z-index:0;animation:pulse 5s infinite}.timeline__event__icon img{position:relative;z-index:1}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}