/* T8 Continuous Scrolling Course Marquee */
.t8-marquee { position: relative; overflow: hidden; border-radius: 14px; margin: 2rem 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.t8-marquee-track { display: flex; gap: 1rem; width: max-content; animation: t8-marquee-scroll var(--t8-marquee-duration, 60s) linear infinite; }
.t8-marquee:hover .t8-marquee-track { animation-play-state: paused; }
@keyframes t8-marquee-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.t8-marquee-card { position: relative; flex-shrink: 0; width: 230px; height: 150px; border-radius: 12px; overflow: hidden; text-decoration: none; display: block; box-shadow: 0 4px 14px rgba(13,43,86,0.14); }
.t8-marquee-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.t8-marquee-card:hover img { transform: scale(1.06); }
.t8-marquee-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13,43,86,0) 35%, rgba(13,43,86,0.92) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 0.7rem 0.8rem; }
.t8-marquee-badge { display: inline-block; align-self: flex-start; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 0.58rem; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; background: var(--orange); border-radius: 3px; padding: 0.1rem 0.4rem; margin-bottom: 0.35rem; }
.t8-marquee-badge.hf { background: var(--blue); }
.t8-marquee-card h4 { font-family: 'Montserrat', sans-serif; color: #fff; font-size: 0.82rem; line-height: 1.25; margin: 0; }

@media (max-width: 640px) {
  .t8-marquee-card { width: 170px; height: 120px; }
  .t8-marquee-card h4 { font-size: 0.72rem; }
}