/* =========================================================
   FullSMM Motion Layer v4
   Keeps dark glass palette (v2). Adds real entrance, scroll,
   marquee, steps, counters, magnetic CTAs.
   ========================================================= */

:root {
  --fsmm-accent: #7c5cff;
  --fsmm-accent-2: #22d3ee;
  --fsmm-pink: #f472b6;
  --fsmm-radius: 18px;
  --fs-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Reduced motion: keep layout, kill motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .fs-marquee-track { animation: none !important; }
  .fs-hero-in { opacity: 1 !important; transform: none !important; }
}

/* ---------- Keyframes ---------- */
@keyframes fsmm-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}
@keyframes fsmm-float-slow {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
@keyframes fsmm-fade-up {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fsmm-scale-in {
  from { opacity: 0; transform: scale(0.94); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes fsmm-pulse-glow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(124, 92, 255, 0.4); }
  70% { box-shadow: 0 0 0 14px rgba(124, 92, 255, 0); }
}
@keyframes fsmm-shimmer {
  0% { background-position: 200% center; }
  100% { background-position: -200% center; }
}
@keyframes fsmm-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes fsmm-live-pulse {
  0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.5); }
  50% { opacity: 0.85; transform: scale(1.15); box-shadow: 0 0 0 6px rgba(52, 211, 153, 0); }
}
@keyframes fsmm-border-spin {
  to { --fs-angle: 360deg; }
}
@keyframes fsmm-logo-pulse {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 8px 20px rgba(124,92,255,.35)); }
  50% { transform: scale(1.04); filter: drop-shadow(0 10px 28px rgba(34,211,238,.35)); }
}
@keyframes fsmm-step-fill {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
@keyframes fs-ripple-anim {
  from { transform: scale(0); opacity: 0.45; }
  to { transform: scale(2.4); opacity: 0; }
}

/* ---------- Gradient text ---------- */
.fs-grad-text {
  background: linear-gradient(105deg, #a78bfa 0%, #22d3ee 45%, #f472b6 90%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  animation: fsmm-shimmer 6s linear infinite;
}

/* ---------- Hero entrance (stagger) ---------- */
.fs-hero-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fsmm-fade-up 0.75s var(--fs-ease) both;
  animation-delay: calc(var(--fs-i, 0) * 0.08s + 0.05s);
}
body.fs-ready .fs-hero-in { /* animation already set */ }
.fs-mobile .fs-hero-in {
  opacity: 1;
  transform: none;
  animation: none;
}

.loginSide {
  animation: none; /* controlled by fs-hero-in */
}
.login-box {
  transition: transform 0.35s var(--fs-ease), box-shadow 0.35s ease;
}
.login-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 55px rgba(0,0,0,0.35);
}
.fs-login-glow {
  position: relative;
}
.fs-login-glow::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(124,92,255,.55), rgba(34,211,238,.25), rgba(244,114,182,.35));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.85;
  animation: fsmm-float-slow 5s ease-in-out infinite;
}
.fs-logo-pulse {
  animation: fsmm-logo-pulse 3.2s ease-in-out infinite;
}

/* ---------- Buttons ---------- */
.btn {
  position: relative;
  overflow: hidden;
  transition: transform 0.25s var(--fs-ease), box-shadow 0.25s ease, filter 0.2s ease !important;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0) scale(0.98); }
.fs-btn-shine::after {
  content: "";
  position: absolute;
  top: 0; left: -40%;
  width: 40%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  transform: skewX(-18deg);
  transition: left 0.55s ease;
  pointer-events: none;
}
.fs-btn-shine:hover::after { left: 120%; }
.fs-ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(255,255,255,0.35);
  pointer-events: none;
  animation: fs-ripple-anim 0.55s ease-out forwards;
}

/* ---------- Stats strip ---------- */
.fs-stats {
  padding: 0 0 1.5rem;
  margin-top: -0.5rem;
}
.fs-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  max-width: 960px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .fs-stats-grid { grid-template-columns: repeat(2, 1fr); }
}
.fs-stat {
  background: rgba(18, 28, 54, 0.72);
  border: 1px solid rgba(140, 170, 255, 0.14);
  border-radius: 16px;
  padding: 1rem 0.85rem;
  text-align: center;
  transition: transform 0.3s var(--fs-ease), border-color 0.25s ease, box-shadow 0.3s ease;
}
.fs-stat:hover {
  transform: translateY(-4px);
  border-color: rgba(124, 92, 255, 0.4);
  box-shadow: 0 12px 32px rgba(124, 92, 255, 0.12);
}
.fs-stat-num {
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #fff;
  line-height: 1.15;
  background: linear-gradient(90deg, #eef2ff, #a78bfa 50%, #22d3ee);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.fs-stat-num.fs-stat-live {
  background: none;
  color: #34d399 !important;
  -webkit-background-clip: unset;
  background-clip: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 1.25rem;
}
.fs-stat-suffix { font-size: 0.85em; }
.fs-stat-label {
  margin-top: 4px;
  font-size: 0.8rem;
  color: var(--fs-muted, #93a0c2);
  font-weight: 500;
}
.fs-live-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #34d399;
  display: inline-block;
  animation: fsmm-live-pulse 1.6s ease-in-out infinite;
}

/* ---------- Platform marquee (one only) ---------- */
.fs-marquee-wrap {
  overflow: hidden;
  margin: 0.5rem 0 2rem;
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.fs-marquee {
  overflow: hidden;
  width: 100%;
}
.fs-marquee-track {
  display: flex;
  width: max-content;
  gap: 12px;
  animation: fsmm-marquee 32s linear infinite;
  will-change: transform;
}
.fs-marquee:hover .fs-marquee-track {
  animation-play-state: paused;
}
.fs-marquee-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 999px;
  background: rgba(18, 28, 54, 0.8);
  border: 1px solid rgba(140, 170, 255, 0.14);
  color: #e0e7ff;
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
}
.fs-marquee-item img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

/* ---------- Platform section ---------- */
.fsmm-platforms { padding: 10px 0 30px; }

/* ---------- Icon row (crisp FA brand logos) ---------- */
.fsmm-icon-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 8px;
}
.fsmm-icon-pill {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.25);
  transition: transform 0.3s var(--fs-ease), box-shadow 0.3s ease;
  animation: fsmm-float-slow 4.5s ease-in-out infinite;
  color: #111;
  line-height: 1;
  overflow: hidden;
}
.fsmm-icon-pill:nth-child(odd) { animation-delay: 0.35s; }
.fsmm-icon-pill:nth-child(3n) { animation-delay: 0.8s; }
.fsmm-icon-pill:hover {
  transform: translateY(-6px) scale(1.08);
  box-shadow: 0 14px 28px rgba(0,0,0,0.3);
  animation: none;
}
/* PNG logos — always visible, never stretched/clipped */
.fsmm-icon-pill img {
  width: 30px !important;
  height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  display: block !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
}
.fs-marquee-item img {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  object-fit: contain !important;
  border-radius: 5px !important;
  display: inline-block !important;
  vertical-align: middle;
  margin-right: 2px;
  filter: none !important;
  opacity: 1 !important;
}
.fs-plat-icon img {
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
  border-radius: 6px !important;
  display: block !important;
  filter: none !important;
  opacity: 1 !important;
}
.fs-brand-icon {
  width: 28px !important;
  height: 28px !important;
  background: #fff !important;
  border-radius: 8px !important;
  padding: 3px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  vertical-align: middle;
}
.fs-brand-icon img {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  display: block !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* Hero / platform sizes win over services list */
.fsmm-icon-pill img {
  width: 30px !important;
  height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
}
.fs-plat-icon img {
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
}
.fs-marquee-item img {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
}

/* Brand colors */
.brand-ig, .fsmm-icon-pill.brand-ig i, .fs-marquee-item .brand-ig { color: #E1306C !important; }
.brand-tt, .fsmm-icon-pill.brand-tt i, .fs-marquee-item .brand-tt { color: #111111 !important; }
.brand-yt, .fsmm-icon-pill.brand-yt i, .fs-marquee-item .brand-yt { color: #FF0000 !important; }
.brand-tg, .fsmm-icon-pill.brand-tg i, .fs-marquee-item .brand-tg { color: #26A5E4 !important; }
.brand-x,  .fsmm-icon-pill.brand-x i,  .fs-marquee-item .brand-x  { color: #111111 !important; }
.brand-fb, .fsmm-icon-pill.brand-fb i, .fs-marquee-item .brand-fb { color: #1877F2 !important; }
.brand-sp, .fsmm-icon-pill.brand-sp i, .fs-marquee-item .brand-sp { color: #1DB954 !important; }
.brand-tw, .fsmm-icon-pill.brand-tw i, .fs-marquee-item .brand-tw { color: #9146FF !important; }

/* Platform cards — pure CSS brand tiles */
.fsmm-platform-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 28px;
}
@media (max-width: 991px) {
  .fsmm-platform-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 420px) {
  .fsmm-platform-grid { grid-template-columns: 1fr; }
}
a.fsmm-card.fs-plat {
  min-height: 150px;
  padding: 1.15rem 1.1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4px;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 18px;
  text-decoration: none !important;
  color: #fff !important;
  position: relative;
  overflow: hidden;
  transition: transform 0.35s var(--fs-ease), box-shadow 0.35s ease, filter 0.25s;
  box-shadow: 0 12px 30px rgba(0,0,0,0.28);
}
a.fsmm-card.fs-plat:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 20px 44px rgba(0,0,0,0.38);
  filter: brightness(1.06);
}
.fs-plat-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(255,255,255,0.95);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.85rem;
  box-shadow: 0 8px 18px rgba(0,0,0,0.2);
}
.fs-plat-icon i {
  font-size: 1.4rem !important;
  line-height: 1 !important;
}
.fs-plat-name {
  font-weight: 800;
  font-size: 1.15rem;
  letter-spacing: -0.02em;
  color: #fff !important;
}
.fs-plat-sub {
  font-size: 0.82rem;
  color: rgba(255,255,255,0.85) !important;
  font-weight: 500;
}
.fs-plat--ig { background: linear-gradient(145deg, #f58529 0%, #dd2a7b 45%, #8134af 100%); }
.fs-plat--ig .fs-plat-icon i { color: #E1306C !important; }
.fs-plat--tt { background: linear-gradient(145deg, #25f4ee 0%, #111 40%, #fe2c55 100%); }
.fs-plat--tt .fs-plat-icon i { color: #111 !important; }
.fs-plat--yt { background: linear-gradient(145deg, #ff4e45 0%, #c40000 100%); }
.fs-plat--yt .fs-plat-icon i { color: #FF0000 !important; }
.fs-plat--tg { background: linear-gradient(145deg, #54c8f0 0%, #1f8fcb 55%, #0d6fa3 100%); }
.fs-plat--tg .fs-plat-icon i { color: #26A5E4 !important; }
.fs-plat--x  { background: linear-gradient(145deg, #3a3a3a 0%, #0f0f0f 100%); }
.fs-plat--x  .fs-plat-icon i { color: #111 !important; }
.fs-plat--fb { background: linear-gradient(145deg, #4c94f5 0%, #166fe5 50%, #0b5fcc 100%); }
.fs-plat--fb .fs-plat-icon i { color: #1877F2 !important; }
.fs-plat--sp { background: linear-gradient(145deg, #1ed760 0%, #169c46 100%); }
.fs-plat--sp .fs-plat-icon i { color: #1DB954 !important; }
.fs-plat--tw { background: linear-gradient(145deg, #bf94ff 0%, #9146ff 50%, #5c16c5 100%); }
.fs-plat--tw .fs-plat-icon i { color: #9146FF !important; }

/* Marquee icons */
.fs-marquee-item i.fab {
  font-size: 1.05rem;
  margin-right: 2px;
}

/* ---------- How it works steps ---------- */
.fs-how { padding: 2rem 0 3rem; }
.fs-sec-h {
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
  color: #fff !important;
  margin-bottom: 0.35rem;
}
.fs-steps {
  display: flex;
  align-items: stretch;
  gap: 0;
  max-width: 1000px;
  margin: 1.5rem auto 0;
  flex-wrap: wrap;
  justify-content: center;
}
.fs-step {
  flex: 1 1 200px;
  max-width: 280px;
  text-align: center;
  padding: 1.25rem 1rem;
  background: rgba(18, 28, 54, 0.65);
  border: 1px solid rgba(140, 170, 255, 0.12);
  border-radius: 18px;
  transition: transform 0.35s var(--fs-ease), border-color 0.25s, box-shadow 0.35s;
}
.fs-step:hover {
  transform: translateY(-6px);
  border-color: rgba(124, 92, 255, 0.4);
  box-shadow: 0 16px 40px rgba(124, 92, 255, 0.15);
}
.fs-step-ring {
  width: 52px;
  height: 52px;
  margin: 0 auto 0.85rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(124,92,255,.25), rgba(34,211,238,.15));
  border: 2px solid rgba(124, 92, 255, 0.45);
  color: #fff;
  font-weight: 800;
  font-size: 1.15rem;
  box-shadow: 0 0 0 0 rgba(124,92,255,.35);
  transition: box-shadow 0.35s ease, transform 0.35s ease;
}
.fs-step:hover .fs-step-ring {
  animation: fsmm-pulse-glow 1.6s ease-in-out infinite;
  transform: scale(1.06);
}
.fs-step-body h3 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 0.35rem;
  letter-spacing: -0.02em;
}
.fs-step-body p {
  margin: 0;
  font-size: 0.9rem;
  color: var(--fs-muted, #93a0c2);
  line-height: 1.5;
}
.fs-step-line {
  display: none;
}
@media (min-width: 900px) {
  .fs-steps { align-items: center; }
  .fs-step-line {
    display: block;
    width: 40px;
    height: 2px;
    flex: 0 0 40px;
    background: linear-gradient(90deg, rgba(124,92,255,.15), rgba(34,211,238,.55), rgba(124,92,255,.15));
    border-radius: 2px;
    position: relative;
    overflow: hidden;
  }
  .fs-step-line::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, #fff, transparent);
    transform: translateX(-100%);
    animation: fsmm-shimmer 2.2s ease-in-out infinite;
  }
}

/* ---------- About / features ---------- */
.hs-about .graphics img,
.fs-float-visual img {
  animation: fsmm-float-slow 5.5s ease-in-out infinite;
  filter: drop-shadow(0 18px 30px rgba(124, 92, 255, 0.2));
}
.fs-feature-card {
  transition: transform 0.35s var(--fs-ease), border-color 0.25s, box-shadow 0.35s !important;
  border: 1px solid transparent;
}
.fs-feature-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(124, 92, 255, 0.3) !important;
  box-shadow: 0 14px 36px rgba(124, 92, 255, 0.12) !important;
  background: rgba(124, 92, 255, 0.06) !important;
}
.fs-feature-card img {
  transition: transform 0.4s var(--fs-ease);
}
.fs-feature-card:hover img {
  transform: scale(1.12) rotate(-6deg);
}

.fs-check-list li {
  position: relative;
  padding: 8px 0 8px 28px;
  border-bottom: 1px solid rgba(140, 170, 255, 0.08);
}
.fs-check-list li:last-child { border-bottom: none; }
.fs-check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: linear-gradient(135deg, #7c5cff, #22d3ee);
  box-shadow: 0 0 12px rgba(124, 92, 255, 0.4);
}

/* ---------- Scroll reveal ---------- */
.fsmm-reveal {
  opacity: 1;
  transform: none;
  transition: opacity 0.7s var(--fs-ease), transform 0.7s var(--fs-ease);
}
html.fs-v2 .fsmm-reveal:not(.is-visible) {
  opacity: 0;
  transform: translateY(28px);
  animation: fsmm-reveal-safety 0.01s ease 2s forwards;
}
html.fs-v2 .fsmm-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
  animation: none;
}
@keyframes fsmm-reveal-safety {
  to { opacity: 1; transform: none; }
}
html.fs-mobile .fsmm-reveal,
html.fs-mobile .fsmm-reveal:not(.is-visible) {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* ---------- Panel / shared polish ---------- */
.dhs-item {
  transition: transform 0.3s var(--fs-ease), box-shadow 0.3s ease !important;
}
.dhs-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 32px rgba(0,0,0,0.2);
}
.fs-brand-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-right: 6px;
  vertical-align: middle;
  border-radius: 7px;
  overflow: hidden;
}
.fs-brand-icon img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain;
  display: block;
}

.header.fs-scrolled,
.app-header.fs-scrolled {
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  box-shadow: 0 8px 28px rgba(0,0,0,0.25);
}

.fs-menu-in {
  animation: fsmm-fade-up 0.45s var(--fs-ease) both;
  animation-delay: var(--fs-delay, 0s);
}
.fs-nav-in {
  animation: fsmm-scale-in 0.4s var(--fs-ease) both;
  animation-delay: var(--fs-delay, 0s);
}
.fs-nav-pulse {
  animation: fsmm-pulse-glow 2.4s ease-in-out infinite;
}

.fs-pressed {
  transform: scale(0.97) !important;
  opacity: 0.92;
}

/* Inputs focus */
.fc-home input {
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}
.fc-home input:focus {
  box-shadow: 0 0 0 3px rgba(124, 92, 255, 0.25);
  outline: none;
  transform: translateY(-1px);
}

/* Footer CTA pulse - subtle */
.footer-top .btn.fs-btn-shine {
  animation: fsmm-pulse-glow 3.2s ease-in-out infinite;
}

/* Magnetic buttons use JS transform - don't fight hover on desktop */
.fs-desktop .fs-magnetic:hover {
  transform: none; /* JS owns transform */
}

/* Hero shapes if present */
.home-head .shapeBox .shape {
  animation: fsmm-float 6s ease-in-out infinite;
  will-change: transform;
}

/* === LOGO VISIBILITY HARD FIX === */
.fsmm-icon-pill {
  background: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  min-width: 48px !important;
  min-height: 48px !important;
}
.fsmm-icon-pill img,
.fs-plat-icon img,
.fs-marquee-item img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  filter: none !important;
  object-fit: contain !important;
}
.fsmm-icon-pill img { width: 30px !important; height: 30px !important; }
.fs-plat-icon {
  background: #ffffff !important;
  width: 48px !important;
  height: 48px !important;
}
.fs-plat-icon img { width: 28px !important; height: 28px !important; margin: auto; }
.fs-marquee-item img { display: inline-block !important; width: 22px !important; height: 22px !important; }
.fs-brand-icon {
  background: #fff !important;
  display: inline-flex !important;
}
.fs-brand-icon img {
  opacity: 1 !important;
  visibility: visible !important;
  width: 18px !important;
  height: 18px !important;
}