@charset "utf-8";

.latest-swiper-b-container {width: 100%; overflow: hidden;}
.latest-swiper-b {padding: 20px; overflow: hidden;}
.swiper-slide .vertical-slide-group {display: flex; flex-direction: row; gap: 50px;}
.vertical-card-b.mt-50 {margin-top: 50px;}
.vertical-card-b {height: 358px; background: #FFFFFF66; border-radius: 16px; box-shadow: 0px 8px 16px 0px #c32e2e1f; width: 100%; padding: 36px 30px; opacity: 0; transform: translateY(-50px); transition: transform 2s ease-out, opacity 2s ease-out, background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;}
.vertical-card-b.down {opacity: 1; transform: translateY(0);}
.vertical-card-b.hover-ready:hover {background: #c93030; transform: translateY(-10px); box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.15);}
.vertical-card-b.hover-ready:hover .text-title,.vertical-card-b.hover-ready:hover .text-desc { color: #fff;}
.vertical-card-b.hover-ready {transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;}
.vertical-card-b.hover-ready .text-title,.vertical-card-b.hover-ready .text-desc {transition: color 0.3s ease;}
.text-box {margin-top: 10px; text-align: start; height: 100%; display: flex; align-items: stretch; flex-wrap: wrap; overflow: hidden;}
.text-title {color: #333; font-weight: 600; font-size: 1.1rem; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-desc {font-size: 0.95rem; color: #666; margin-top: 6px; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}