/* =========================================================
   FULFILIX — GAPSOE-STYLE CLIENT FEEDBACK
   LIVE/CACHE-SAFE DEDICATED STYLESHEET
   Loaded AFTER fulfilix-design-system.css.
   ========================================================= */

body.home-v2 .ff-home-main .sr-only,
body.home-v2 .ff-feedback .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Kill the generic .ff-section spacing ONLY for this feedback block. */
body.home-v2 .ff-home-main > section.ff-section.ff-feedback {
  --fb-purple: #8f48f4;
  --fb-violet: #b16cff;
  --fb-pink: #d94cb9;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  width: 100% !important;
  padding: 0 0 112px !important;
  margin: 0 !important;
  background:
    radial-gradient(48% 44% at 50% 57%, rgba(103,49,190,.13), transparent 73%),
    linear-gradient(180deg, #07070d 0%, #08070e 46%, #07070d 100%) !important;
}

body.home-v2 .ff-home-main > section.ff-section.ff-feedback::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  height: auto !important;
  left: 0 !important;
  right: 0 !important;
  background:
    linear-gradient(rgba(155,92,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(155,92,255,.025) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
  -webkit-mask-image: radial-gradient(68% 66% at 50% 54%, #000 0%, transparent 84%) !important;
  mask-image: radial-gradient(68% 66% at 50% 54%, #000 0%, transparent 84%) !important;
}

/* ===================== BIG MOVING HEADING ===================== */
body.home-v2 .ff-feedback .ff-feedback-marquee {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  overflow: hidden !important;
  margin: 0 0 54px !important;
  padding: 32px 0 30px !important;
  border-top: 1px solid rgba(255,255,255,.055) !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  background: rgba(255,255,255,.006) !important;
}

body.home-v2 .ff-feedback .ff-feedback-marquee::before,
body.home-v2 .ff-feedback .ff-feedback-marquee::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 10vw !important;
  z-index: 4 !important;
  pointer-events: none !important;
}

body.home-v2 .ff-feedback .ff-feedback-marquee::before {
  left: 0 !important;
  background: linear-gradient(90deg,#07070d 0%,transparent 100%) !important;
}

body.home-v2 .ff-feedback .ff-feedback-marquee::after {
  right: 0 !important;
  background: linear-gradient(270deg,#07070d 0%,transparent 100%) !important;
}

body.home-v2 .ff-feedback .ff-feedback-marquee-track {
  width: max-content !important;
  display: flex !important;
  align-items: center !important;
  gap: 38px !important;
  transform: translate3d(0,0,0);
  will-change: transform !important;
  animation: fulfilixFeedbackMarquee 26s linear infinite !important;
}

body.home-v2 .ff-feedback .ff-feedback-marquee-track > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 30px !important;
  white-space: nowrap !important;
  margin: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke: 1px rgba(218,208,234,.23) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: clamp(58px, 5.8vw, 94px) !important;
  font-weight: 500 !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
}

body.home-v2 .ff-feedback .ff-feedback-marquee-track > span b {
  display: inline-block !important;
  color: var(--fb-violet) !important;
  -webkit-text-fill-color: var(--fb-violet) !important;
  -webkit-text-stroke: 0 transparent !important;
  font-size: .78em !important;
  font-weight: 750 !important;
  transform: skewX(-10deg) !important;
}

/* ===================== MAIN STAGE ===================== */
body.home-v2 .ff-feedback .ff-shell {
  position: relative !important;
  z-index: 2 !important;
}

body.home-v2 .ff-feedback .ff-feedback-stage {
  position: relative !important;
  min-height: 520px !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}

/* ===================== AVATARS ===================== */
body.home-v2 .ff-feedback .ff-feedback-avatars {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 0 16px !important;
}

body.home-v2 .ff-feedback .ff-feedback-avatar {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(180,137,255,.16) !important;
  border-radius: 50% !important;
  outline: 0 !important;
  background: rgba(255,255,255,.035) !important;
  box-shadow: none !important;
  color: #8f8699 !important;
  opacity: .56 !important;
  cursor: pointer !important;
  transform: scale(.90) !important;
  transition: .28s ease !important;
}

body.home-v2 .ff-feedback .ff-feedback-avatar > span {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg,#27212f,#151219) !important;
  color: #9c93a8 !important;
  font: 700 10px/1 'Inter',sans-serif !important;
}

body.home-v2 .ff-feedback .ff-feedback-avatar-mid {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  opacity: 1 !important;
  transform: scale(1) !important;
  border-color: rgba(177,108,255,.85) !important;
  background: linear-gradient(145deg,rgba(143,72,244,.33),rgba(217,76,185,.15)) !important;
  box-shadow:
    0 0 0 3px rgba(143,72,244,.07),
    0 14px 32px -18px rgba(124,58,237,.85) !important;
}

body.home-v2 .ff-feedback .ff-feedback-avatar-mid > span {
  width: 44px !important;
  height: 44px !important;
  color: #fff !important;
  background: linear-gradient(135deg,#6d28d9,#d946b8) !important;
  font-size: 11px !important;
}

body.home-v2 .ff-feedback .ff-feedback-avatar:hover {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* ===================== PERSON ===================== */
body.home-v2 .ff-feedback .ff-feedback-person {
  display: grid !important;
  justify-items: center !important;
  gap: 5px !important;
  margin: 0 0 27px !important;
  text-align: center !important;
}

body.home-v2 .ff-feedback .ff-feedback-person strong {
  color: #fbfaff !important;
  font-family: 'Poppins',sans-serif !important;
  font-size: 21px !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
}

body.home-v2 .ff-feedback .ff-feedback-person span {
  color: #9f95aa !important;
  font: 500 13px/1.4 'Inter',sans-serif !important;
}

/* ===================== FEEDBACK CARD / PREVIEWS ===================== */
body.home-v2 .ff-feedback .ff-feedback-view {
  position: relative !important;
  width: 100% !important;
  min-height: 300px !important;
  display: grid !important;
  place-items: center !important;
}

body.home-v2 .ff-feedback .ff-feedback-card {
  position: relative !important;
  z-index: 5 !important;
  width: min(650px, 58vw) !important;
  min-height: 292px !important;
  margin: 0 auto !important;
  padding: 54px 58px 46px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  text-align: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(143,72,244,.10),transparent 46%),
    linear-gradient(145deg,rgba(25,21,31,.98),rgba(16,15,20,.99)) !important;
  box-shadow:
    0 34px 70px -52px rgba(124,58,237,.75),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
}

body.home-v2 .ff-feedback .ff-feedback-card::before {
  content: "“" !important;
  position: absolute !important;
  left: 30px !important;
  top: 18px !important;
  color: rgba(177,108,255,.17) !important;
  font: 800 86px/.9 Georgia,serif !important;
}

body.home-v2 .ff-feedback .ff-feedback-card-stars,
body.home-v2 .ff-feedback .ff-feedback-side-stars {
  display: block !important;
  color: #ffbd32 !important;
  letter-spacing: 4px !important;
}

body.home-v2 .ff-feedback .ff-feedback-card-stars {
  margin: 0 0 25px !important;
  font-size: 19px !important;
}

body.home-v2 .ff-feedback .ff-feedback-card blockquote {
  max-width: 535px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #e5dfe9 !important;
  background: none !important;
  font-family: 'Inter',sans-serif !important;
  font-size: clamp(17px,1.35vw,21px) !important;
  font-weight: 500 !important;
  line-height: 1.62 !important;
  letter-spacing: -.015em !important;
  text-align: center !important;
}

body.home-v2 .ff-feedback .ff-feedback-side {
  position: absolute !important;
  top: 50% !important;
  z-index: 1 !important;
  width: min(410px,31vw) !important;
  padding: 24px 28px !important;
  border: 0 !important;
  background: transparent !important;
  transform: translateY(-50%) !important;
  opacity: .095 !important;
  filter: saturate(.55) !important;
  pointer-events: none !important;
}

body.home-v2 .ff-feedback .ff-feedback-side-left {
  left: -34px !important;
  text-align: right !important;
}

body.home-v2 .ff-feedback .ff-feedback-side-right {
  right: -34px !important;
  text-align: left !important;
}

body.home-v2 .ff-feedback .ff-feedback-side-stars {
  margin: 0 0 16px !important;
  font-size: 15px !important;
}

body.home-v2 .ff-feedback .ff-feedback-side p {
  margin: 0 !important;
  color: #c7bece !important;
  font: 500 14px/1.7 'Inter',sans-serif !important;
}

/* ===================== ARROWS ===================== */
body.home-v2 .ff-feedback .ff-feedback-arrow {
  appearance: none !important;
  -webkit-appearance: none !important;
  position: absolute !important;
  top: 50% !important;
  z-index: 8 !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  transform: translateY(-50%) !important;
  border: 1px solid rgba(177,108,255,.34) !important;
  border-radius: 50% !important;
  outline: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg,#6d28d9,#a855f7) !important;
  box-shadow:
    0 18px 34px -20px rgba(124,58,237,.88),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
  cursor: pointer !important;
}

body.home-v2 .ff-feedback .ff-feedback-arrow svg {
  width: 21px !important;
  height: 21px !important;
}

body.home-v2 .ff-feedback .ff-feedback-prev { left: 20px !important; }
body.home-v2 .ff-feedback .ff-feedback-next { right: 20px !important; }

body.home-v2 .ff-feedback .ff-feedback-arrow:hover {
  transform: translateY(-50%) scale(1.07) !important;
}

/* ===================== DOTS ===================== */
body.home-v2 .ff-feedback .ff-feedback-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  margin: 28px 0 0 !important;
  min-height: 10px !important;
}

body.home-v2 .ff-feedback .ff-feedback-dot {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;
  padding: 0 !important;
  border: 1px solid rgba(185,136,255,.72) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: .25s ease !important;
}

body.home-v2 .ff-feedback .ff-feedback-dot.active {
  width: 28px !important;
  border-radius: 999px !important;
  border-color: transparent !important;
  background: linear-gradient(90deg,#7c3aed,#d946b8) !important;
  box-shadow: 0 0 18px rgba(124,58,237,.28) !important;
}

/* transition */
body.home-v2 .ff-feedback .ff-feedback-stage.is-changing .ff-feedback-card {
  animation: fulfilixFeedbackCardIn .42s cubic-bezier(.16,1,.3,1) !important;
}

body.home-v2 .ff-feedback .ff-feedback-stage.is-changing .ff-feedback-avatar-mid {
  animation: fulfilixFeedbackAvatarIn .42s cubic-bezier(.16,1,.3,1) !important;
}

@keyframes fulfilixFeedbackMarquee {
  from { transform: translate3d(0,0,0); }
  to   { transform: translate3d(-50%,0,0); }
}

@keyframes fulfilixFeedbackCardIn {
  0%   { opacity:.30; transform:translateY(8px) scale(.985); }
  100% { opacity:1; transform:translateY(0) scale(1); }
}

@keyframes fulfilixFeedbackAvatarIn {
  0%   { transform:scale(.88); opacity:.55; }
  100% { transform:scale(1); opacity:1; }
}

/* ===================== TABLET ===================== */
@media (max-width:1080px) {
  body.home-v2 .ff-home-main > section.ff-section.ff-feedback {
    padding-bottom: 92px !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-marquee-track > span {
    font-size: clamp(48px,7vw,70px) !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-card {
    width: min(680px,72vw) !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-side {
    width: 29vw !important;
    opacity: .07 !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-prev { left: 0 !important; }
  body.home-v2 .ff-feedback .ff-feedback-next { right: 0 !important; }
}

/* ===================== MOBILE ===================== */
@media (max-width:767px) {
  body.home-v2 .ff-home-main > section.ff-section.ff-feedback {
    padding-bottom: 74px !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-marquee {
    margin-bottom: 40px !important;
    padding: 24px 0 22px !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-marquee-track {
    gap: 25px !important;
    animation-duration: 22s !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-marquee-track > span {
    gap: 20px !important;
    font-size: 40px !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-stage {
    min-height: 480px !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-avatar {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-avatar > span {
    width: 30px !important;
    height: 30px !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-avatar-mid {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-avatar-mid > span {
    width: 40px !important;
    height: 40px !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-person strong {
    font-size: 18px !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-view {
    min-height: 320px !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-card {
    width: calc(100% - 88px) !important;
    min-height: 300px !important;
    padding: 40px 24px 34px !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-card blockquote {
    font-size: 15px !important;
    line-height: 1.68 !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-side {
    display: none !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  body.home-v2 .ff-feedback .ff-feedback-prev { left: 0 !important; }
  body.home-v2 .ff-feedback .ff-feedback-next { right: 0 !important; }
}

@media (prefers-reduced-motion:reduce) {
  body.home-v2 .ff-feedback .ff-feedback-marquee-track,
  body.home-v2 .ff-feedback .ff-feedback-stage.is-changing .ff-feedback-card,
  body.home-v2 .ff-feedback .ff-feedback-stage.is-changing .ff-feedback-avatar-mid {
    animation: none !important;
  }
}


/* =========================================================
   FEEDBACK MARQUEE — WHITE GLASS + PURPLE HOVER
   2026-09-14
   Keep this block LAST in feedback-gapsoe-v2.css
   ========================================================= */

body.home-v2 .ff-feedback .ff-feedback-marquee {
  width: calc(100% - 32px) !important;
  max-width: 1580px !important;
  margin: 0 auto 54px !important;
  padding: 32px 0 30px !important;

  /* white glass */
  border: 1px solid rgba(255, 255, 255, .20) !important;
  border-radius: 22px !important;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.060) 0%,
      rgba(255,255,255,.028) 48%,
      rgba(255,255,255,.015) 100%
    ) !important;

  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 18px 38px -30px rgba(0,0,0,.75) !important;

  transition:
    border-color .35s ease,
    background .35s ease,
    box-shadow .35s ease,
    transform .35s cubic-bezier(.16,1,.3,1) !important;
}

/* soft white reflection */
body.home-v2 .ff-feedback .ff-feedback-marquee::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;

  background:
    linear-gradient(
      115deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.025) 22%,
      transparent 42%,
      transparent 78%,
      rgba(160,121,255,.025) 100%
    ) !important;
}

/* keep marquee content above glass reflection */
body.home-v2 .ff-feedback .ff-feedback-marquee-track {
  position: relative !important;
  z-index: 2 !important;
}

/* purple hover */
body.home-v2 .ff-feedback .ff-feedback-marquee:hover {
  border-color: rgba(177, 108, 255, .72) !important;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.070) 0%,
      rgba(143,72,244,.060) 50%,
      rgba(255,255,255,.020) 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 0 1px rgba(143,72,244,.08),
    0 20px 44px -28px rgba(124,58,237,.55),
    0 0 34px rgba(143,72,244,.12) !important;

  transform: translateY(-2px) !important;
}

/* slightly brighten the outlined heading on hover */
body.home-v2 .ff-feedback .ff-feedback-marquee:hover
.ff-feedback-marquee-track > span {
  -webkit-text-stroke: 1px rgba(236,228,247,.32) !important;
}

/* keep purple slash/accent clearly visible */
body.home-v2 .ff-feedback .ff-feedback-marquee:hover
.ff-feedback-marquee-track > span b {
  color: #b16cff !important;
  -webkit-text-fill-color: #b16cff !important;
  filter: drop-shadow(0 0 14px rgba(177,108,255,.26));
}

/* restore edge fade with pseudo overlays without hiding glass border */
body.home-v2 .ff-feedback .ff-feedback-marquee::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;

  background:
    linear-gradient(
      90deg,
      rgba(7,7,13,.92) 0%,
      transparent 8%,
      transparent 92%,
      rgba(7,7,13,.92) 100%
    ) !important;
}

@media (max-width: 767px) {
  body.home-v2 .ff-feedback .ff-feedback-marquee {
    width: calc(100% - 20px) !important;
    border-radius: 16px !important;
    margin-bottom: 40px !important;
    padding: 24px 0 22px !important;
  }
}


/* =========================================================
   FEEDBACK MARQUEE — FULL VIEWPORT WIDTH + WHITE BORDER
   FINAL OVERRIDE
   Keep this block LAST in feedback-gapsoe-v2.css
   ========================================================= */

body.home-v2 .ff-feedback .ff-feedback-marquee {
  /* edge-to-edge across the full browser viewport */
  width: 100vw !important;
  max-width: none !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 54px !important;

  padding: 34px 0 32px !important;

  /* clean straight full-width border */
  border-top: 1px solid rgba(255,255,255,.34) !important;
  border-bottom: 1px solid rgba(255,255,255,.34) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;

  /* very subtle white glass */
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.028) 0%,
      rgba(255,255,255,.012) 52%,
      rgba(255,255,255,.020) 100%
    ) !important;

  -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
  backdrop-filter: blur(14px) saturate(125%) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(255,255,255,.028) !important;

  transform: none !important;
}

/* Remove the boxed left/right glass reflection from the previous version */
body.home-v2 .ff-feedback .ff-feedback-marquee::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  width: auto !important;

  background:
    linear-gradient(
      90deg,
      rgba(7,7,13,.94) 0%,
      rgba(7,7,13,.35) 5%,
      transparent 11%,
      transparent 89%,
      rgba(7,7,13,.35) 95%,
      rgba(7,7,13,.94) 100%
    ) !important;
}

/* No rounded overlay */
body.home-v2 .ff-feedback .ff-feedback-marquee::after {
  content: none !important;
  display: none !important;
}

/* Keep moving text above the fade */
body.home-v2 .ff-feedback .ff-feedback-marquee-track {
  position: relative !important;
  z-index: 2 !important;
}

/* Border stays WHITE on hover — only a very light purple ambience */
body.home-v2 .ff-feedback .ff-feedback-marquee:hover {
  border-top-color: rgba(255,255,255,.58) !important;
  border-bottom-color: rgba(255,255,255,.58) !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.038) 0%,
      rgba(123,72,214,.025) 52%,
      rgba(255,255,255,.026) 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(255,255,255,.04),
    0 0 30px rgba(124,58,237,.055) !important;

  transform: none !important;
}

/* Keep the outline text refined/readable */
body.home-v2 .ff-feedback .ff-feedback-marquee-track > span {
  -webkit-text-stroke: 1px rgba(226,219,238,.25) !important;
}

body.home-v2 .ff-feedback .ff-feedback-marquee:hover
.ff-feedback-marquee-track > span {
  -webkit-text-stroke: 1px rgba(240,235,248,.34) !important;
}

/* Keep Fulfilix purple slash/accent */
body.home-v2 .ff-feedback .ff-feedback-marquee-track > span b,
body.home-v2 .ff-feedback .ff-feedback-marquee:hover
.ff-feedback-marquee-track > span b {
  color: #ad68ff !important;
  -webkit-text-fill-color: #ad68ff !important;
  filter: none !important;
}

@media (max-width: 767px) {
  body.home-v2 .ff-feedback .ff-feedback-marquee {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: 40px !important;
    padding: 24px 0 22px !important;
    border-radius: 0 !important;
  }
}