/**
 * ZenGo Testimonial — CarelystTestimonial, select_style = "four"
 * Matches index-1.psd "testimonial" group (bbox -172,6852 – 2104,8058):
 * centered quote card with a ring of floating avatar thumbnails around it.
 */

.zg-testimonial-wrap {
  position: relative;
  max-width:800px;
  margin: 0 auto;
  padding: 40px 0;
}

/* Floating avatar ring — purely decorative, positioned around the card.
   Supports up to 6 avatars gracefully; extras wrap invisibly offscreen
   on narrower viewports via the media query below. */
.zg-testimonial-ring {
  position: absolute;
  inset: -60px -220px;
  pointer-events: none;
  z-index: 0;
}
.zg-testimonial-ring-avatar {
  position: absolute;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid var(--zg-white);
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
  display: block;
}
.zg-testimonial-ring-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.zg-testimonial-ring-avatar:nth-child(1) { top: 0;    left: 0; }
.zg-testimonial-ring-avatar:nth-child(2) { top: 40%;  left: -8%; width: 50px; height: 50px; }
.zg-testimonial-ring-avatar:nth-child(3) { bottom: 0; left: 6%; }
.zg-testimonial-ring-avatar:nth-child(4) { top: 0;    right: 0; }
.zg-testimonial-ring-avatar:nth-child(5) { top: 40%;  right: -8%; width: 50px; height: 50px; }
.zg-testimonial-ring-avatar:nth-child(6) { bottom: 0; right: 6%; }
.zg-testimonial-ring-avatar:nth-child(n+7) { display: none; }

.zg-testimonial-slider {
  position: relative;
  z-index: 1;
}

.zg-testimonial-card {
  background: var(--zg-cream);
  border-radius: var(--zg-radius-card);
  padding: 56px 48px 40px;
  text-align: center;
}

.zg-testimonial-quote-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--zg-sage);
    color: var(--zg-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0px -50px 24px;
    position: absolute;
    top:0px;
    left: 50%;
}


.zg-testimonial-quote-icon svg {
  width:40px;
  height:40px;
}



.zg-testimonial-quote-text {
  font-family: var(--zg-font-body);
  font-size:28px;
  line-height: 1.5;
  color: var(--zg-heading);
  margin: 0 0 20px;
}

.zg-testimonial-stars {
  display: flex;
  justify-content: center;
  gap: 4px;
  color: var(--zg-sage);
  font-size: 14px;
  margin: 0 auto 20px;
  padding-top: 20px;
  width: fit-content;
  min-width: 140px;
}

.zg-testimonial-name {
  font-family: var(--zg-font-body);
  font-size:24px;
  color: var(--zg-body-text);
  margin: 0;
}
.zg-testimonial-name strong {
  font-weight: 600;
  color:#222;
}

/* Owl carousel nav arrows, restyled to match the pill-button accent */
.zg-testimonial-slider .owl-nav {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
}
.zg-testimonial-slider .owl-nav button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--zg-terracotta) !important;
  color: var(--zg-white) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.zg-testimonial-slider .owl-nav button:hover {
  background: var(--zg-ink) !important;
}

@media (max-width: 900px) {
  .zg-testimonial-ring {
    display: none;
  }
}
@media (max-width: 767px) {
  .zg-testimonial-card {
    padding: 40px 24px 32px;
  }
  .zg-testimonial-quote-text {
    font-size: 18px;
  }
}

.ds-cate-heading .zg-highlight-text { color:#45675e; }

.zg-testimonial-slider .item { padding-top:50px; }