/* Allweld Vertical Timeline Pro */
.awvt { position:relative; margin:40px auto; max-width:900px; font-family:'Roboto Condensed',Arial,sans-serif; }
.awvt-toolbar { display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-bottom:10px; font-size:14px; }
.awvt-toolbar select { padding:6px 10px; border:1px solid #ddd; border-radius:8px; background:#fff; }

.awvt-line { position:absolute; top:0; bottom:0; left:50%; width:4px; background:#1f1f1f; transform:translateX(-50%); }
.awvt-items { position:relative; }
.awvt-item { position:relative; width:50%; padding:16px 24px; }
.awvt-left{left:0;} .awvt-right{left:50%;}
.awvt-marker{position:absolute;top:28px;right:-10px;width:18px;height:18px;background:#222;border-radius:50%;outline:4px solid #fff;box-shadow:0 0 0 4px #1f1f1f;}
.awvt-right .awvt-marker{left:-10px;right:auto;}
.awvt-card{background:#fff;border:1px solid #e7e7e7;border-radius:12px;padding:18px 20px;box-shadow:0 3px 12px rgba(0,0,0,.06);}
.awvt-year{font-weight:800;font-size:20px;margin:0 0 6px;color:#222;}
.awvt-text{color:#222;font-size:15px;line-height:1.5;}
.awvt-latest .awvt-marker{background:#e53935;}
.awvt .awvt-slider{position:absolute;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#e53935;border:3px solid #fff;box-shadow:0 0 0 4px #1f1f1f;cursor:grab;z-index:3;transition:background .2s;}
.awvt .awvt-slider:hover,.awvt .awvt-slider:focus{background:#a69c7f;}

@media (max-width: 768px){
  .awvt-line{left:12px; transform:none;}
  .awvt-item{left:0; width:100%; padding-left:36px;}
  .awvt-right .awvt-marker, .awvt-left .awvt-marker{left:-3px; right:auto;}
  .awvt .awvt-slider{ left:12px; transform:translate(0,-50%); }
}