.sbc-service-slider { --sbc-accent: #0170b9; --sbc-hover-rgb: 33, 111, 219; padding: 6px 6px 50px; }
.sbc-service-slide { height: auto; }
.sbc-service-card { position: relative; height: 100%; }
.sbc-service-media { position: relative; overflow: hidden; border-radius: 14px; height: 450px; }
.sbc-service-img, .sbc-service-img-placeholder { width: 100%; height: 100%; object-fit: cover; display: block; background: #ddd; transition: transform .6s ease; }
.sbc-service-card:hover .sbc-service-img,
.sbc-service-card:hover .sbc-service-img-placeholder { transform: scale(1.12); }
.sbc-service-color-overlay { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to top, rgba(var(--sbc-hover-rgb), .65), rgba(var(--sbc-hover-rgb), .2) 55%, rgba(var(--sbc-hover-rgb), 0) 85%); transform: translateY(100%); transition: transform .6s ease; }
.sbc-service-card:hover .sbc-service-color-overlay { transform: translateY(0); }
.sbc-service-icon-badge { position: absolute; top: 16px; right: 28px; width: 56px; height: 56px; border-radius: 50%; background: var(--sbc-accent); display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 18px rgba(0,0,0,.22); z-index: 3; }
.sbc-service-icon-badge svg { width: 26px; height: 26px; fill: #fff; }
.sbc-service-content { position: absolute; left: 14px; right: 14px; bottom: 14px; z-index: 2; background: #fff; border-radius: 10px; padding: 16px 18px; box-shadow: 0 12px 26px rgba(0,0,0,.18); }
.sbc-service-title { margin: 0 0 8px; font-size: 19px; font-weight: 700; line-height: 1.3; color: var(--sbc-accent); }
.sbc-service-desc { margin: 0; font-size: 14px; line-height: 1.6; color: #666; }
.sbc-service-slider .swiper-pagination { position: static; margin-top: 20px; }
.sbc-service-slider .swiper-pagination-bullet { background: #ccc; opacity: 1; }
.sbc-service-slider .swiper-pagination-bullet-active { background: var(--sbc-accent); }