.timeline{display:table;margin:0 auto;position:relative}.timeline .timeline-item{display:flex;padding-bottom:36px;position:relative}.timeline .timeline-item:last-child{padding-bottom:0}.timeline .timeline-item:before{background:#fff;border:1px solid #000;border-radius:50%;content:"";height:16px;left:-7px;position:absolute;top:0;width:16px;z-index:1}.timeline .timeline-date{font-size:20px;font-weight:600;margin-bottom:10px;margin-top:-8px;padding-left:22px}.timeline .timeline-content{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:36px;font-size:16px;margin-left:48px;max-width:500px;padding:36px;width:100%}.timeline .timeline-content h2,.timeline .timeline-content h3,.timeline .timeline-content h4,.timeline .timeline-content h5,.timeline .timeline-content h6{margin:0 0 16px}.timeline .timeline-content .button-box{display:flex;flex-wrap:wrap;gap:10px;padding-top:24px}.timeline-dot{flex-shrink:0;height:16px;left:-7px;overflow:visible;position:absolute;top:0;width:16px;z-index:3}.timeline-dot circle:first-child{fill:#fff;stroke:#d3d3d3;stroke-dasharray:44;stroke-dashoffset:0;stroke-width:1.5;transition:stroke .3s ease,fill .3s ease}.timeline-dot circle.fill-layer{fill:#d3d3d3;stroke:none;transform:scale(.7);transform-origin:8px 8px;transition:fill .3s ease}.timeline-item.dot-active .timeline-dot circle:first-child{fill:#f8f7f4;stroke:#111}.timeline-item.dot-active .timeline-dot circle.fill-layer{fill:#111}.timeline-progress{background:repeating-linear-gradient(180deg,#111 0,#111 6px,transparent 0,transparent 12px);height:0;transition:height .05s linear;z-index:1}.timeline-progress,.timeline:before{left:0;position:absolute;top:0;width:2px}.timeline:before{background:repeating-linear-gradient(180deg,#d3d3d3 0,#d3d3d3 6px,transparent 0,transparent 12px);bottom:0;content:"";z-index:0}@media (max-width:767px){.timeline .timeline-item{flex-wrap:wrap}.timeline .timeline-content{border-radius:24px;margin-left:22px;max-width:100%;padding:24px;width:100%}}