.tarmex-timeline-section { background-color: #000; padding: 60px 20px; color: #fff; font-family: 'Poppins', sans-serif; }
    .tarmex-timeline-section-title { text-align: center; font-size: clamp(2rem, 5vw, 3rem); text-transform: uppercase; margin-bottom: 60px; font-weight: 900; letter-spacing: -1px; }
    .tarmex-timeline-wrapper { position: relative; max-width: 850px; margin: 0 auto; padding-left: 50px; }
    .tarmex-timeline-wrapper::before { content: ''; position: absolute; left: 20px; top: 0; bottom: 0; width: 3px; background: #222; }
    .tarmex-timeline-item { position: relative; padding: 30px 0; }
    .tarmex-timeline-badge { position: absolute; left: -45px; top: 35px; width: 60px; height: 35px; background: #ff0000; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 4px; font-weight: 900; font-size: 1rem; z-index: 2; box-shadow: 0 0 10px rgba(255,0,0,0.5); }
    .tarmex-timeline-content-box { background: #0a0a0a; border: 1px solid #1a1a1a; padding: 35px; border-radius: 12px; }
    .tarmex-timeline-title { font-size: 1.6rem !important; font-weight: 800 !important; color: #fff !important; margin-bottom: 15px !important; border-bottom: 2px solid #ff0000; display: inline-block; padding-bottom: 5px; }
    .tarmex-timeline-desc { color: #ccc; font-size: 1.05rem; line-height: 1.6; margin-bottom: 20px; }
    .tarmex-timeline-img-box img { width: 100%; border-radius: 8px; cursor: zoom-in; transition: 0.4s; }
    .tarmex-modal { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.98); align-items: center; justify-content: center; cursor: pointer; }
    .tarmex-modal-content { max-width: 90%; max-height: 90%; border: 3px solid #ff0000; border-radius: 4px; }
    .tarmex-close { position: absolute; top: 20px; right: 30px; color: #fff; font-size: 40px; }