@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100..700&display=swap');
.spa-testimonials {
	width: 100%;
	display: flex; justify-content: center;
	font-family: "Arima", system-ui;
  	font-style: normal;
	padding: 10px 0;
}

/* Outer requested size (2545x515), center an inner slider 1230x515 */
.spa-testimonials__inner { width: 1230px; max-width: 100%; }
.spa-testimonials .swiper { width: 100%; height: 515px; }

.testi-slide { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; height: 100%; align-items: center; }

.testi-left { color: #fff;  border-radius: 10px; padding: 24px; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.testi-desc { font-size: 16px; line-height: 1.6; margin-bottom: 14px; }
.testi-meta { font-size: 15px; opacity: .95; }
.testi-name { font-weight: 700; font-size: 18px; }
.testi-service { font-style: italic; opacity: .85; }

.testi-right { height: 100%; }
.testi-image { height: 100%; border-radius: 10px; overflow: hidden; }
.testi-image img { width: 100%; height: 100%; object-fit: contain !important; display: block; }

/* Arrows style */
/* Pagination bullets */
.spa-testimonials .swiper-pagination { position: absolute; bottom: 10px; left: 0; right: 0; }
.spa-testimonials .swiper-pagination-bullet {
	width: 10px; height: 10px; background: rgba(255,255,255,.6); opacity: 1; margin: 0 5px !important;
	border: 2px solid #ffffff;
}
.spa-testimonials .swiper-pagination-bullet-active { background: rgba(7, 77, 184, 0.95); border-color: rgba(71, 202, 241, 0.95); }

/* Responsive */
@media (max-width: 1280px) {
	.spa-testimonials .swiper { height: 480px; }
}

@media (max-width: 1024px) {
	.spa-testimonials__inner { width: 100%; padding: 0 10px; }
	.testi-slide { grid-template-columns: 1fr; gap: 16px; }
	/* Put image on top */
	.testi-right { order: -1; height: auto; }
	.testi-left { height: auto; }
	.testi-image { height: auto; }
	.testi-image img { width: 100%; height: auto !important; object-fit: cover !important; }
	/* Let slide grow with text */
	.spa-testimonials .swiper { height: auto; }
}

@media (max-width: 640px) {
	.spa-testimonials .swiper { height: auto; }
	.testi-desc { font-size: 15px; }
}