.elementor-15745 .elementor-element.elementor-element-fc887b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-dbb244c *//* Inter + Inter Tight fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Inter+Tight:wght@800&display=swap');

/* Base bar */
.testimonials-bar {
  background: #0f0f12 !important;
  padding: 3rem 0 !important;
  overflow: hidden !important;
  border-top: 1px solid #2a2a35 !important;
  border-bottom: 1px solid #2a2a35 !important;
  position: relative !important;
  opacity: 1 !important;
  transform: translateY(12px) !important;
  transition: opacity 0.7s ease-out, transform 0.7s ease-out !important;
}

/* Entry animation trigger */
.testimonials-bar.fw-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Track: centered, no scroll */
.testimonials-track {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Cards: stacked, only one visible at a time */
.testimonial-card {
  flex-shrink: 0 !important;
  width: 640px !important;          /* wider on desktop */
  max-width: min(90vw, 720px) !important;
  padding: 1.75rem 2rem !important;
  background: #1a1a20 !important;
  border: 1px solid #2a2a35 !important;
  border-radius: 0.75rem !important;
  opacity: 0 !important;
  transform: translateY(8px) !important;
  pointer-events: none !important;
  position: absolute !important;
  transition:
    opacity 0.6s ease-out,
    transform 0.6s ease-out,
    box-shadow 0.25s ease-out,
    border-color 0.25s ease-out !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

/* Active card state */
.testimonial-card.is-active {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
  position: relative !important;
}

/* Hover micro-interaction (desktop) */
@media (hover: hover) {
  .testimonial-card.is-active:hover {
    transform: translateY(-4px) !important;
    border-color: #3b3b4a !important;
    box-shadow: 0 18px 35px rgba(0, 0, 0, 0.35) !important;
  }
}

/* Typography */
.testimonial-quote {
  color: #d1d5db !important;
  font-size: 0.875rem !important;
  line-height: 1.75 !important;
  margin-bottom: 0.75rem !important;
  font-style: italic !important;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  letter-spacing: 0.01em !important;
}

.testimonial-author {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.testimonial-avatar {
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 999px !important;
  background: linear-gradient(to bottom right, #7b67a8, #d72e5d) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  font-family: 'Inter Tight', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.testimonial-name {
  color: #ffffff !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

.testimonial-role {
  color: #6b7280 !important;
  font-size: 0.75rem !important;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* Responsive tweaks */
@media (max-width: 640px) {
  .testimonials-bar {
    padding: 2.5rem 0 !important;
  }

  .testimonial-card {
    width: 100% !important;
    max-width: 340px !important;
    padding: 1.5rem 1.5rem !important;
  }
}

/* Reduced motion: still fade between cards but no extra transforms */
@media (prefers-reduced-motion: reduce) {
  .testimonial-card {
    transition: opacity 0.4s ease-out !important;
    transform: none !important;
  }

  .testimonial-card.is-active {
    transform: none !important;
  }
}/* End custom CSS */