/* =========================================================
   E42 Review - Testimonial Carousel (Swiper.js)
   ========================================================= */

.e42-review-widget,
.e42-review-widget * {
  box-sizing: border-box;
}

.e42-review-widget {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 24px 0;
  overflow: hidden;
}

.e42-review-widget .swiper-wrapper {
  align-items: center;
}

.e42-rw-card {
  position: relative;
  height: auto;
  min-height: 190px;
  background: #ffffff;
  border: 1px solid #ececef;
  border-radius: 10px;
  padding: 34px 30px 30px;
  text-align: center;
  transition: transform .55s cubic-bezier(.22,.61,.36,1),
              opacity .55s cubic-bezier(.22,.61,.36,1),
              filter .55s ease,
              box-shadow .55s ease;
  cursor: pointer;
  user-select: none;
  opacity: .55;
  transform: scale(.88);
}

.e42-rw-card.swiper-slide-active {
  opacity: 1;
  transform: scale(1);
  box-shadow: 0 18px 45px -18px rgba(30,40,60,.18), 0 4px 14px rgba(30,40,60,.06);
  cursor: default;
  z-index: 2;
}

.e42-avatar {
  display: block;
  margin: 0 auto 22px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  border: 0 solid #ffffff;
  box-shadow: 0 4px 10px rgba(20,30,50,.12);
}

.e42-quote {
  margin: 0 0 18px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #8a8f98;
}

.e42-name {
  margin: 0 0 2px;
  font-size: 15px;
  font-weight: 700;
  color: #2f8fe0;
}

.e42-role {
  margin: 0;
  font-size: 13.5px;
  color: #5b616b;
}

/* Mobile: peek carousel - centered active card, tinted preview slivers on each side */
@media (max-width: 720px) {
  .e42-review-widget {
    padding: 24px 0;
  }

  .e42-rw-card {
    padding: 10px 30px 30px 19px;
    min-height: 170px;
  }

  .e42-rw-card:not(.swiper-slide-active) { 
    border-color: #e3e6fa;
    opacity: 1;
  }

  .e42-avatar { 
    margin-bottom: 16px;
  }

  .e42-quote {
    font-size: 13.5px;
  }
}