/* Testimonials style-1 — Swiper slideshow */

.px-testimonials.style-1 {
  overflow: hidden;
}

.px-testimonials.style-1 .px-testimonials__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--px-gap) var(--px-gap-lg);
  margin-bottom: var(--px-gap-lg);
}

.px-testimonials.style-1 .px-testimonials__head-copy {
  flex: 1 1 16rem;
  min-width: 0;
}

.px-testimonials.style-1 .px-testimonials__nav {
  display: flex;
  align-items: center;
  gap: var(--px-gap-sm);
  flex-shrink: 0;
}

.px-testimonials.style-1 .px-testimonials__nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--px-step-num-size);
  height: var(--px-step-num-size);
  padding: 0;
  border: 1.5px solid color-mix(in srgb, var(--body-text-color, currentColor) 20%, transparent);
  border-radius: 50%;
  background: transparent;
  color: var(--headings-color, var(--px-ink-strong));
  font-size: var(--px-icon-sm);
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease;
}

.px-testimonials.style-1 .px-testimonials__nav-btn:hover {
  background: var(--px-color-primary);
  border-color: var(--px-color-primary);
  color: var(--px-color-dark);
}

.px-testimonials.style-1 .px-testimonials__slider-wrap {
  overflow: visible;
}

.px-testimonials.style-1 .px-testimonials__swiper {
  overflow: visible;
}

.px-testimonials.style-1 .swiper-slide {
  width: min(38.75rem, 85vw);
  height: auto;
}

.px-testimonials.style-1 .px-testimonials__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  padding: var(--px-gap-xl);
  border: 1px solid var(--px-color-border);
  border-radius: var(--px-radius);
  background: var(--px-surface-raised, var(--px-color-white));
  transition: border-color 0.35s ease;
}

.px-testimonials.style-1 .px-testimonials__card:hover {
  border-color: color-mix(in srgb, var(--body-text-color, currentColor) 20%, transparent);
}

.px-testimonials.style-1 .px-testimonials__card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--px-gap);
  margin-bottom: var(--px-gap);
}

.px-testimonials.style-1 .px-testimonials__quote-icon {
  font-size: var(--px-icon-lg);
  line-height: 1;
  color: var(--headings-color, var(--px-ink-strong));
}

.px-testimonials.style-1 .px-testimonials__stars {
  display: flex;
  gap: var(--px-gap-xs);
  font-size: var(--px-fs-md);
  color: var(--color-warning, var(--bs-warning, currentColor));
}

.px-testimonials.style-1 .px-testimonials__quote {
  margin: 0 0 var(--px-gap-lg);
  flex: 1;
  font-family: var(--heading-font-family, inherit);
  font-size: clamp(1.125rem, 2vw, 1.3125rem);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.01em;
  color: var(--headings-color, var(--px-ink-strong));
}

.px-testimonials.style-1 .px-testimonials__author {
  display: flex;
  align-items: center;
  gap: var(--px-gap-sm);
  margin-top: auto;
}

.px-testimonials.style-1 .px-testimonials__avatar,
.px-testimonials.style-1 .px-testimonials__avatar img,
.px-testimonials.style-1 .px-testimonials__avatar-ph {
  display: block;
  width: var(--px-step-num-size);
  height: var(--px-step-num-size);
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.px-testimonials.style-1 .px-testimonials__avatar {
  overflow: hidden;
}

.px-testimonials.style-1 .px-testimonials__avatar-ph {
  display: grid;
  place-items: center;
  background: color-mix(in srgb, var(--px-muted, currentColor) 15%, var(--px-surface-raised, var(--px-color-white)));
  font-size: var(--px-fs-xs);
  color: var(--px-muted, var(--px-color-muted));
}

.px-testimonials.style-1 .px-testimonials__name {
  margin: 0;
  font-size: var(--px-fs-base);
  font-weight: 700;
  color: var(--headings-color, var(--px-ink-strong));
}

.px-testimonials.style-1 .px-testimonials__role {
  margin: var(--px-gap-xs) 0 0;
  font-size: var(--px-fs-sm);
  color: var(--px-muted, var(--px-color-muted));
}

@media (max-width: 767.98px) {
  .px-testimonials.style-1 .px-testimonials__card {
    padding: var(--px-gap-lg);
  }

  .px-testimonials.style-1 .px-testimonials__quote {
    font-size: var(--px-fs-lg);
  }

  .px-testimonials.style-1 .swiper-slide {
    width: min(20rem, 88vw);
  }
}