@charset "utf-8";

/* =======================================================
   Section 2 (biz_swiper) skin styles
   ======================================================= */
.biz-swiper-wrap { position: relative; padding-bottom: 50px; }
.biz-swiper { width: 100%; padding-bottom: 30px; padding-top: 20px; }
.biz-swiper .swiper-slide { height: auto; }
.biz-card { 
    background: #fff; border-radius: 15px; overflow: hidden; display: flex; flex-direction: column; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);  height: 100%;
    text-decoration: none; color: inherit;
}
.biz-card:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.biz-card-img { width: 100%; height: 160px; object-fit: cover; }
.biz-card-body {
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.biz-card-title { font-size: 18px !important; font-weight: 600 !important; color: #333; margin-bottom: 10px; }
.biz-card-desc { font-size: 14px !important; color: #666; line-height: 1.5; margin-bottom: 15px; flex-grow: 1; word-break:keep-all; }
.biz-swiper-pagination { bottom: 0 !important; }
.biz-swiper-pagination .swiper-pagination-bullet { background: #ffffff !important; opacity: 0.5 !important; }
.biz-swiper-pagination .swiper-pagination-bullet-active { background: #333333 !important; opacity: 1 !important; }
.biz-btn-next, .biz-btn-prev {
    position: absolute; top: calc(50% - 25px); transform: translateY(-50%);
    width: 50px; height: 50px; background: #fff; border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: center;
    z-index: 10; cursor: pointer; color: #555; font-size: 24px; transition: all 0.3s ease; border: 1px solid #eaeaea;
}
.biz-btn-next:hover, .biz-btn-prev:hover { background: #000; color: #fff; border-color: #000; }
.biz-btn-prev { left: -25px; }
.biz-btn-next { right: -25px; }

.biz-btn-prev i { margin-right: 2px; }
.biz-btn-next i { margin-left: 2px; }

@media (max-width: 1200px) {
    .biz-btn-prev { left: -10px; }
    .biz-btn-next { right: -10px; }
}
@media (max-width: 768px) {
    .biz-btn-prev, .biz-btn-next { display: none !important; } 
}