.rs-ta-swiper {
  position: relative;
}
.rs-ta-swiper .swiper-wrapper {
  align-items: stretch;
}
.rs-ta-swiper .swiper-slide {
  opacity: 0;
  transition: opacity 700ms ease-in-out;
}
.rs-ta-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.rs-swiper-pagination {
  text-align: center;
  display: flex;
  justify-content: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  padding: 10px;
  gap: 20px;
}

.rs-ta-slide {
  position: relative;
  display: flex;
  background: #f7f8fb;
  border: 1px solid #e6e8eb;
  border-radius: 8px;
  overflow: hidden;
  min-height: 320px;
}
.rs-ta-slide[style*="background-image"]::before {
  content: "";
  flex: 0 0 42%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: inherit;
  filter: grayscale(35%);
  opacity: 0.9;
}
.rs-ta-slide-inner {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 48px 56px;
}
.rs-ta-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #e6e8eb;
  overflow: hidden;
}
.rs-ta-progress-bar {
  width: 100%;
  height: 100%;
  background: #1d3557;
  transform: translateX(0%);
}
.swiper-slide-active .rs-ta-progress-bar {
  animation: rs-ta-progress var(--rs-ta-delay, 4500ms) linear forwards;
}
.rs-ta-swiper:hover .rs-ta-progress-bar {
  animation-play-state: paused;
}
@keyframes rs-ta-progress {
  from { transform: translateX(0%); }
  to { transform: translateX(-100%); }
}
.rs-ta-quote-icon img {
  width: 56px;
  height: 56px;
  display: block;
}
.rs-ta-text {
  font-size: 18px;
  line-height: 1.6;
  color: #33435c;
  margin: 0;
}
.rs-ta-divider {
  width: 120px;
  height: 2px;
  background: #d8dce3;
  margin-top: 8px;
}
.rs-ta-author {
  font-weight: 600;
  color: #33435c;
}
.rs-ta-rating {
  display: flex;
  gap: 2px;
  font-size: 18px;
  line-height: 1;
}
.rs-ta-star {
  color: #fbbf24;
}
.rs-ta-star-full {
  opacity: 1;
}
.rs-ta-star-half {
  opacity: 0.5;
}
.rs-ta-star-empty {
  opacity: 0.2;
}
.rs-ta-date {
  font-size: 14px;
  color: #6b7280;
  font-style: italic;
}
.rs-ta-empty {
  padding: 20px;
  border: 1px solid #e6e8eb;
  border-radius: 6px;
  background: #f9fafb;
}

/* Navigation buttons match Elementor style */
.rs-ta-swiper .elementor-swiper-button {
  top: 50%;
  transform: translateY(-50%);
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
  cursor: pointer;
  pointer-events: auto;
}
.rs-ta-swiper .elementor-swiper-button-prev { left: 16px; }
.rs-ta-swiper .elementor-swiper-button-next { right: 16px; }
.rs-ta-swiper .elementor-swiper-button.elementor-swiper-button-prev:hover,
.rs-ta-swiper .elementor-swiper-button.elementor-swiper-button-next:hover,
.rs-ta-swiper .rs-swiper-pagination .elementor-swiper-button:hover {
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,0.16) !important;
  background: #33435c !important;
  border-radius: 999px !important;
}
.rs-ta-swiper .elementor-swiper-button:hover svg rect,
.rs-ta-swiper .elementor-swiper-button:hover svg path {
  stroke: #ffffff !important;
}

@media (max-width: 900px) {
  .rs-ta-slide {
    flex-direction: column;
  }
  .rs-ta-slide[style*="background-image"]::before {
    width: 100%;
    height: 200px;
  }
  .rs-ta-slide-inner {
    padding: 32px 28px;
  }
}