/*! * Techano * * Copyright 2024 Technical Magic Inc * */ body { padding-top: 56px; } .hero { background: #f8f9fa; padding: 100px 0; } .features { padding: 50px 0; } .footer { background: #343a40; color: white; padding: 20px 0; } .timeline { position: relative; padding: 40px 0; list-style: none; display: flex; flex-direction: column; align-items: center; } .timeline:before { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: #e9ecef; transform: translateX(-50%); } .timeline-item { position: relative; width: 50%; padding: 20px 0; box-sizing: border-box; } .timeline-item-left { align-self: flex-start; text-align: right; padding-right: 20px; } .timeline-item-right { align-self: flex-end; padding-left: 20px; } .timeline-year { position: relative; width: 100%; text-align: center; padding: 10px 0; box-sizing: border-box; } .timeline-year span { background: #343a40; color: white; padding: 10px 20px; border-radius: 4px; } .card { background: #f8f9fa; } .card-body { padding: 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .timeline-item:before { content: ''; position: absolute; top: 50%; width: calc(50% + 20px); height: 2px; background: #e9ecef; transform: translateY(-50%); } .timeline-item-left:before { right: 0; margin-right: -2px; } .timeline-item-right:before { left: 0; margin-left: -2px; }