.spa-services-carousel { position: relative; }
.spa-services-carousel .swiper { overflow: hidden; }

.service-card { display: block; border-radius: 10px; overflow: hidden; position: relative; }
.service-card__image { position: relative; }
.service-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Overlay title */
.service-card__overlay {
    position: absolute;
    left: 0; right: 0; bottom: 0; top: auto; /* start at bottom */
    height: 84px; /* visible title strip by default */
    background: linear-gradient(0deg, rgba(8, 26, 190, 0.75), rgba(24, 86, 201, 0));
    opacity: 1;
    transition: height .3s ease;
    display: flex; align-items: flex-end; justify-content: center;
    padding: 16px 10px;
    z-index: 1;
    overflow: hidden;
}
.service-card__title { color: #fff; font-weight: 700; text-align: center; line-height: 1.2; }

.service-card:hover .service-card__overlay { height: 100%; }

/* Arrows */
.spa-services-carousel .swiper-button-prev,
.spa-services-carousel .swiper-button-next {
	width: 34px; height: 56px; border-radius: 4px; color: #fff;
	background: rgba(12, 42, 209, 0.75);
}
.spa-services-carousel .swiper-button-prev:after,
.spa-services-carousel .swiper-button-next:after { font-size: 18px; }

@media (max-width: 640px){
	.service-card__overlay { padding: 12px 8px; }
	.service-card__title { font-size: 13px; }
}