@charset "utf-8";

.mobile-latest-swiper-b {padding: 30px 16px}
.mobile-latest-swiper-b .swiper-slide {width: auto;}
.mobile-latest-b-card {height: 358px; background: #fff; border-radius: 16px; box-shadow: 0px 8px 16px 0px #c32e2e1f; padding: 36px 30px; transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;   margin-bottom: 20px;}
.card-text-wrap {margin-top: 10px; text-align: start; height: 100%; display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; overflow: hidden;}
.card-title {font-size: 20px; font-weight: 700; color: #222; margin-bottom: 12px; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.card-desc {font-size: 15px; color: #555; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.card-image {margin-top: 20px;}
.card-image img {width: 100%; border-radius: 10px;}
.mobile-latest-swiper-b .swiper-slide-active .mobile-latest-b-card {background: #c93030; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.2);}
.mobile-latest-swiper-b .swiper-slide-active .card-title,.mobile-latest-swiper-b .swiper-slide-active .card-desc {color: #fff;}