.swiper.timeline-swiper-slider { overflow: visible; }
.timeline-swiper-slider .swiper-slide { width: 437px; }
.timeline-img-box { width: 256px; height: 256px; margin: 0 auto; border-radius: 30px; overflow: hidden; }
.timeline-img-box img { width: 100%; height: 100%; object-fit: cover; }
.timeline-dots { width: 100%; position: relative; margin: 32px 0 0; }
.timeline-dots:before { content: ''; width: 100%; height: 3px; position: absolute; top: 50%; transform: translateY(-50%); background: var(--nhc-green); }
.dot { display: inline-block; width: 15px; height: 15px; position: relative; background-color: var(--nhc-indigo); border-radius: 50rem; box-shadow: 0 0 0 6px #fff; }
.timeline-content { padding: 16px 32px; font-size: 16px; }
.timeline-content h3 { font-size: 32px; line-height: 1.3; color: var(--nhc-pink); margin-bottom: 8px; }
.blob-shape.timeline-blob-shape-1 { inset:auto; top: -145px; left: -280px; }
.blob-shape.timeline-blob-shape-1 span { transform: rotate(43deg); }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
 .swiper.timeline-swiper-slider { overflow: hidden; }
 }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
 .timeline-img-box { width: 202px; height: 202px; border-radius: 10px; }
.timeline-dots { margin: 16px 0 0; }
.timeline-content h3 { font-size: 20px; line-height: 1.4; }
 }
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
 .blob-shape.timeline-blob-shape-1 { top:-55px; left:-220px; }
 }
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
 }