/* Timeline One DM - styles */
.tdm-timeline { position:relative; }
.tdm-titles { position:relative; padding-top:24px; padding-bottom:12px; }
.tdm-titles-rail{ position:absolute; left:0; right:0; bottom:22px; height:2px; background:rgba(10,91,138,.25); }
.tdm-title-slide { display:flex; justify-content:center; align-items:flex-start; }
.tdm-title-inner{ display:flex; flex-direction:column; align-items:center; gap:6px; width:160px; }
.tdm-title-icon-wrap{ display:flex; align-items:center; justify-content:center; height:1em; }
.tdm-title-icon{ display:inline-flex; }
.tdm-title-dot-wrap{ display:flex; align-items:center; justify-content:center; height:16px; }
.tdm-title-dot{ width:10px; height:10px; background:#9bb3c3; border-radius:999px; display:inline-block; }
.tdm-title-text{ text-align:center; line-height:1.2; }
.tdm-arrow{ position:absolute; top:0; bottom:36px; margin:auto; width:36px; height:36px; border-radius:50%; border:1px solid rgba(10,91,138,.3); z-index:3; }
.tdm-arrow:after{ content:''; position:absolute; left:50%; top:50%; width:8px; height:8px; border-top:2px solid currentColor; border-right:2px solid currentColor; transform: translate(-50%,-50%) rotate(135deg); }
.tdm-arrow-next{ right:0; }
.tdm-arrow-prev{ left:0; }
.tdm-arrow-prev:after{ transform: translate(-50%,-50%) rotate(-45deg); }

.tdm-content .swiper-slide{ display:flex; justify-content:center; }
.tdm-content-inner{ width:100%; max-width:1132px; margin:0 auto; }
.swiper-slide-thumb-active .tdm-title-text{ font-weight:600; }

/* zoom css effect */
.tdm-content .swiper-slide-active .tdm-content-inner{ animation: tdmZoom .5s ease both; }
@keyframes tdmZoom { from{ transform: scale(.98); opacity:.01;} to{ transform: scale(1); opacity:1;} }