:root {
  --bg: #050816 !important;
  --bg-elev: #0b1020 !important;
  --card: #101632 !important;
  --text: #e7e9f3 !important;
  --muted: #b9bfd3 !important;
  --brand: #6aa8ff !important;
  --brand-2: #9b6dff !important;
  --ok: #2fd37a !important;
  --danger: #ff5573 !important;
  --ring: rgba(106, 168, 255, 0.35) !important;
  --radius-lg: 18px !important;
  --radius-xl: 24px !important;
  --radius-2xl: 30px !important;
  --shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
  --shadow-strong: 0 26px 60px rgba(5, 10, 32, 0.9) !important;
  --container: 1200px !important;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #f6f7fd !important;
    --bg-elev: #ffffff !important;
    --card: #ffffff !important;
    --text: #111827 !important;
    --muted: #4b5563 !important;
    --ring: rgba(106, 168, 255, 0.25) !important;
  }
}

/* Base reset */
*,
*::before,
*::after {
  box-sizing: border-box !important;
}

html {
  scroll-behavior: smooth !important;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif !important;
  color: var(--text) !important;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(155, 109, 255, 0.32), transparent),
    radial-gradient(900px 500px at -10% 10%, rgba(106, 168, 255, 0.32), transparent),
    radial-gradient(900px 600px at 50% 120%, rgba(47, 211, 122, 0.18), transparent),
    var(--bg) !important;
  overflow-x: hidden !important;
}

/* Accessible skip link */
.skip-link {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  z-index: 9999 !important;
  background: var(--bg-elev) !important;
  color: var(--text) !important;
  padding: 0.75rem 1rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--brand) !important;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.4) !important;
}

.skip-link:focus {
  position: fixed !important;
  left: 50% !important;
  top: 1.25rem !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  height: auto !important;
}

/* Layout helpers */
.container {
  max-width: var(--container) !important;
  margin-inline: auto !important;
  padding-inline: clamp(1rem, 3vw, 1.5rem) !important;
}

.section {
  padding-block: clamp(3.5rem, 6vw, 5.5rem) !important;
}

.section-header h2 {
  font-size: clamp(1.8rem, 3vw, 2.4rem) !important;
  line-height: 1.2 !important;
  margin: 0.25rem 0 0.5rem !important;
}

.section-header .eyebrow {
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  opacity: 0.9 !important;
}

.section-lead {
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: clamp(0.98rem, 2vw, 1.05rem) !important;
  max-width: 34rem !important;
  margin-inline: auto !important;
}

/* Section background embellishments */
.section-grid-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  opacity: 0.06 !important;
}

.section-grid-inner {
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  max-width: var(--container) !important;
  margin-inline: auto !important;
  padding-inline: 1rem !important;
  margin-top: 4.5rem !important;
}

.section-grid-line {
  height: 1px !important;
  background: linear-gradient(
    to right,
    transparent,
    rgba(255, 255, 255, 0.9),
    transparent
  ) !important;
}

.section-bg-gradient-left,
.section-bg-gradient-right {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  opacity: 0.5 !important;
}

.section-bg-gradient-left {
  background: linear-gradient(
    to right,
    rgba(106, 168, 255, 0.08),
    transparent
  ) !important;
}

.section-bg-gradient-right {
  background: linear-gradient(
    to left,
    rgba(155, 109, 255, 0.08),
    transparent
  ) !important;
}

/* Hero / banner */
#banner {
  position: relative !important;
}

/* Colorful orbs in hero background */
#banner::before,
#banner::after {
  content: "" !important;
  position: absolute !important;
  border-radius: 999px !important;
  filter: blur(40px) !important;
  opacity: 0.9 !important;
  pointer-events: none !important;
}

#banner::before {
  width: 320px !important;
  height: 320px !important;
  background: radial-gradient(circle at 30% 25%, rgba(106, 168, 255, 0.95), transparent 60%) !important;
  top: -80px !important;
  left: -80px !important;
  animation: float-orb 16s ease-in-out infinite !important;
}

#banner::after {
  width: 420px !important;
  height: 420px !important;
  background: radial-gradient(circle at 70% 75%, rgba(155, 109, 255, 0.9), transparent 60%) !important;
  bottom: -120px !important;
  right: -120px !important;
  animation: float-orb 20s ease-in-out infinite reverse !important;
}

@keyframes float-orb {
  0%,
  100% {
    transform: translate3d(0, 0, 0) !important;
  }
  50% {
    transform: translate3d(10px, -20px, 0) !important;
  }
}

/* Background video (JS controls hidden class; don't override display) */
.video-container {
  pointer-events: none !important;
}

/* Hero content */
.glass-card-container {
  min-height: 100vh !important;
  padding-block: clamp(4rem, 8vw, 6rem) !important;
}

.glass-card {
  position: relative !important;
  background: radial-gradient(circle at 0% 0%, rgba(255, 255, 255, 0.15), transparent 60%),
    linear-gradient(130deg, rgba(8, 47, 73, 0.7), rgba(15, 23, 42, 0.95)) !important;
  border-radius: var(--radius-2xl) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: var(--shadow-strong) !important;
  padding: clamp(1.75rem, 4vw, 2.6rem) !important;
  overflow: hidden !important;
}

/* Soft inner glow */
.glass-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 10% -10%, rgba(255, 255, 255, 0.16), transparent 55%) !important;
  opacity: 0.9 !important;
  pointer-events: none !important;
}

.glass-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  mask-image: radial-gradient(circle at 50% -50%, transparent 50%, black 100%) !important;
  pointer-events: none !important;
}

/* Hero text styles */
.hero-eyebrow {
  font-size: 0.7rem !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(226, 232, 240, 0.7) !important;
  margin-bottom: 0.5rem !important;
}

.hero-title {
  margin: 0 !important;
}

.hero-title-highlight {
  background: linear-gradient(90deg, var(--brand), var(--brand-2)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.hero-subtitle {
  margin: 0 !important;
  color: var(--muted) !important;
}

/* Hero stats */
.hero-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.75rem !important;
}

.hero-stat-pill {
  min-width: 8rem !important;
  padding: 0.5rem 0.95rem !important;
  border-radius: 999px !important;
  background: radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.2), transparent 70%),
    rgba(15, 23, 42, 0.9) !important;
  border: 1px solid rgba(148, 163, 184, 0.45) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.05rem !important;
}

.hero-stat-value {
  font-weight: 700 !important;
  font-size: 0.95rem !important;
}

.hero-stat-label {
  font-size: 0.72rem !important;
  color: var(--muted) !important;
}

/* Hero CTA */
.hero-cta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
  justify-content: center !important;
}

.hero-meta {
  font-size: 0.8rem !important;
  color: var(--muted) !important;
}

/* Buttons */
.btn {
  appearance: none !important;
  border: 0 !important;
  padding: 0.8rem 1.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  cursor: pointer !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition:
    transform 0.12s ease,
    box-shadow 0.2s ease,
    background 0.2s ease,
    opacity 0.2s ease,
    border-color 0.2s ease !important;
}

.btn:focus-visible {
  outline: 3px solid var(--brand) !important;
  outline-offset: 2px !important;
}

.btn-primary {
  position: relative !important;
  background: linear-gradient(120deg, var(--brand), var(--brand-2)) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 35px rgba(56, 189, 248, 0.5) !important;
}

.btn-primary::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  left: -120% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent) !important;
  opacity: 0.9 !important;
  transition: left 0.6s ease !important;
}

.btn-primary:hover::after {
  left: 120% !important;
}

.btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 40px rgba(56, 189, 248, 0.55) !important;
}

.btn-ghost {
  background: rgba(15, 23, 42, 0.7) !important;
  color: var(--text) !important;
  border: 1px solid rgba(148, 163, 184, 0.6) !important;
}

.btn-ghost:hover {
  background: rgba(15, 23, 42, 0.95) !important;
  border-color: rgba(248, 250, 252, 0.8) !important;
}

/* Features grid */
.features-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

.feature-card {
  grid-column: span 12 !important;
  background: radial-gradient(circle at 0% 0%, rgba(148, 163, 184, 0.18), transparent 70%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.92)) !important;
  border-radius: var(--radius-xl) !important;
  border: 1px solid rgba(148, 163, 184, 0.45) !important;
  padding: 1.3rem 1.4rem !important;
  box-shadow: var(--shadow-soft) !important;
  position: relative !important;
  overflow: hidden !important;
  transform: translateY(16px) !important;
  opacity: 0 !important;
  transition:
    transform 0.4s ease,
    opacity 0.4s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease !important;
}

.feature-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  opacity: 0 !important;
  transition: opacity 0.25s ease !important;
}

.feature-card:hover {
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.9) !important;
  border-color: rgba(96, 165, 250, 0.75) !important;
  background: radial-gradient(circle at 0% 0%, rgba(59, 130, 246, 0.2), transparent 70%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.92)) !important;
  transform: translateY(0) !important;
}

.feature-card:hover::after {
  opacity: 1 !important;
}

.feature-icon-wrap {
  width: 2.75rem !important;
  height: 2.75rem !important;
  border-radius: 1rem !important;
  display: grid !important;
  place-items: center !important;
  background: radial-gradient(circle at 20% 0%, rgba(248, 250, 252, 0.4), transparent 70%),
    linear-gradient(135deg, var(--brand), var(--brand-2)) !important;
  margin-bottom: 0.75rem !important;
}

.feature-icon {
  font-size: 1.3rem !important;
  color: #ffffff !important;
}

.feature-title {
  margin: 0 0 0.25rem !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
}

.feature-desc {
  margin: 0 !important;
  font-size: 0.95rem !important;
  color: var(--muted) !important;
}

/* Responsive columns for features */
@media (min-width: 640px) {
  .feature-card {
    grid-column: span 6 !important;
  }
}

@media (min-width: 1024px) {
  .feature-card {
    grid-column: span 4 !important;
  }
}

/* Steps */
.steps-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 1rem !important;
}

.step-card {
  grid-column: span 12 !important;
  background: linear-gradient(150deg, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 0.95)) !important;
  border-radius: var(--radius-lg) !important;
  border: 1px solid rgba(148, 163, 184, 0.5) !important;
  padding: 1.15rem 1.2rem 1.15rem 3.4rem !important;
  position: relative !important;
  box-shadow: var(--shadow-soft) !important;
  transform: translateY(16px) !important;
  opacity: 0 !important;
  transition:
    transform 0.4s ease,
    opacity 0.4s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease !important;
}

.step-card:hover {
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.9) !important;
  border-color: rgba(96, 165, 250, 0.75) !important;
}

.step-number {
  position: absolute !important;
  left: 1rem !important;
  top: 1rem !important;
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--brand), var(--brand-2)) !important;
  display: grid !important;
  place-items: center !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
}

.step-text {
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: 0.95rem !important;
}

@media (min-width: 768px) {
  .step-card {
    grid-column: span 6 !important;
  }
}

@media (min-width: 1024px) {
  .step-card {
    grid-column: span 4 !important;
  }
}

/* Reasons */
.reasons-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 0.9rem !important;
}

.reason-card {
  grid-column: span 12 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.9rem !important;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 0.94)) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(148, 163, 184, 0.45) !important;
  padding: 0.9rem 1rem !important;
  box-shadow: var(--shadow-soft) !important;
  transform: translateY(16px) !important;
  opacity: 0 !important;
  transition:
    transform 0.4s ease,
    opacity 0.4s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease !important;
}

.reason-card:hover {
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.9) !important;
  border-color: rgba(52, 211, 153, 0.8) !important;
}

.reason-card i {
  width: 2.1rem !important;
  height: 2.1rem !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: radial-gradient(circle at 30% 20%, rgba(34, 197, 94, 0.5), transparent 60%),
    rgba(15, 23, 42, 0.95) !important;
  color: var(--ok) !important;
  flex-shrink: 0 !important;
}

.reason-card h3 {
  margin: 0 0 0.15rem !important;
}

.reason-card p {
  margin: 0 !important;
  color: var(--muted) !important;
  font-size: 0.95rem !important;
}

.text-ok {
  color: var(--ok) !important;
}

@media (min-width: 768px) {
  .reason-card {
    grid-column: span 6 !important;
  }
}

@media (min-width: 1024px) {
  .reason-card {
    grid-column: span 4 !important;
  }
}

/* Start steps */
.start-steps {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 0.9rem !important;
}

.start-step {
  grid-column: span 12 !important;
  background: radial-gradient(circle at 0% 0%, rgba(148, 163, 184, 0.16), transparent 70%),
    linear-gradient(150deg, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 0.94)) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(148, 163, 184, 0.5) !important;
  padding: 1.05rem 1.1rem 1.25rem !important;
  box-shadow: var(--shadow-soft) !important;
  transform: translateY(16px) !important;
  opacity: 0 !important;
  transition:
    transform 0.4s ease,
    opacity 0.4s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease !important;
}

.start-step:hover {
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.9) !important;
  border-color: rgba(96, 165, 250, 0.8) !important;
}

.start-step-title {
  margin: 0 0 0.6rem !important;
  font-weight: 700 !important;
}

.start-step-icon {
  width: 3.4rem !important;
  height: 3.4rem !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-inline: auto !important;
  margin-bottom: 1.4rem !important;
  background: radial-gradient(circle at 20% 0%, rgba(248, 250, 252, 0.4), transparent 70%),
    linear-gradient(135deg, var(--brand-2), var(--brand)) !important;
}

.start-step-note {
  margin: 0.75rem 0 0 !important;
  font-size: 0.78rem !important;
  opacity: 0.82 !important;
  color: var(--muted) !important;
}

.start-step-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0.75rem 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
  font-size: 0.9rem !important;
}

.start-step-list li {
  display: flex !important;
  gap: 0.5rem !important;
  justify-content: center !important;
}

.start-step-list strong {
  font-weight: 600 !important;
}

@media (min-width: 768px) {
  .start-step {
    grid-column: span 6 !important;
  }
}

@media (min-width: 1024px) {
  .start-step {
    grid-column: span 4 !important;
  }
}

/* CTA */
.cta-section {
  background:
    radial-gradient(600px 300px at 20% -10%, rgba(106, 168, 255, 0.25), transparent),
    radial-gradient(600px 300px at 90% 15%, rgba(155, 109, 255, 0.25), transparent) !important;
}

.cta-card {
  max-width: 720px !important;
  margin-inline: auto !important;
  padding: clamp(1.75rem, 3vw, 2.4rem) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(148, 163, 184, 0.7) !important;
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 0.96)) !important;
  box-shadow: var(--shadow-strong) !important;
  text-align: center !important;
}

.cta-title {
  margin: 0 0 0.6rem !important;
  font-size: clamp(1.6rem, 2.6vw, 2.1rem) !important;
}

.cta-text {
  margin: 0 0 1.5rem !important;
  font-size: 0.98rem !important;
  color: var(--muted) !important;
}

/* Testimonials */
.testimonial-viewport {
  position: relative !important;
}

.testimonial-track {
  display: grid !important;
  gap: clamp(1rem, 3vw, 1.5rem) !important;
  margin-bottom: 3rem !important;
}

.testimonial-card {
  background: radial-gradient(circle at 0% 0%, rgba(148, 163, 184, 0.16), transparent 70%),
    linear-gradient(160deg, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 0.96)) !important;
  border-radius: var(--radius-xl) !important;
  border: 1px solid rgba(148, 163, 184, 0.55) !important;
  padding: 1.4rem 1.5rem !important;
  box-shadow: var(--shadow-soft) !important;
}

.testimonial-card blockquote {
  margin: 0 !important;
}

.testimonial-card blockquote p {
  font-size: 0.98rem !important;
  line-height: 1.6 !important;
}

.testimonial-card figcaption {
  margin-top: 0.9rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  color: var(--muted) !important;
  font-size: 0.88rem !important;
}

.testimonial-avatar {
  width: 2.4rem !important;
  height: 2.4rem !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(248, 250, 252, 0.4), transparent 55%),
    linear-gradient(135deg, var(--brand), var(--brand-2)) !important;
  flex-shrink: 0 !important;
}

.testimonial-role {
  display: block !important;
  font-size: 0.78rem !important;
  opacity: 0.8 !important;
}

/* Carousel indicators */
.carousel-controls {
  display: flex !important;
  justify-content: center !important;
}

.carousel-indicators {
  display: flex !important;
  gap: 0.4rem !important;
}

.carousel-indicator-dot {
  width: 0.45rem !important;
  height: 0.45rem !important;
  border-radius: 999px !important;
  background: rgba(148, 163, 184, 0.5) !important;
  cursor: pointer !important;
  border: none !important;
  padding: 0 !important;
  transition:
    background 0.2s ease,
    transform 0.2s ease,
    opacity 0.2s ease !important;
}

.carousel-indicator-dot.is-active {
  background: #ffffff !important;
  transform: scale(1.2) !important;
  opacity: 1 !important;
}

.carousel-indicator-dot:focus-visible {
  outline: 2px solid var(--brand) !important;
  outline-offset: 2px !important;
}

/* Testimonials as horizontal scroll on mobile */
@media (max-width: 799px) {
  .testimonial-viewport {
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    padding-bottom: 0.5rem !important;
  }

  .testimonial-track {
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  .testimonial-card {
    min-width: 85% !important;
    scroll-snap-align: center !important;
  }
}

/* Reveal-on-scroll base (JS toggles .reveal-in) */
.reveal-grid > * {
  will-change: transform, opacity !important;
}

.reveal-grid > *.reveal-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Small-screen overrides */
@media (max-width: 639px) {
  .glass-card-container {
    min-height: 100vh !important;
    align-items: flex-start !important;
  }

  .glass-card {
    margin-top: 1.75rem !important;
  }

  .hero-stats {
    gap: 0.6rem !important;
  }
}

@media (min-width: 768px) {
  .hero-stat-pill {
    min-width: 9rem !important;
  }
}

/* Pricing features */
.pricing-features {
  list-style: none !important;
  padding: 0 !important;
  margin: 1.5rem 0 2rem !important;
}

.pricing-feature {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.75rem !important;
  margin-bottom: 0.8rem !important;
  text-align: left !important;
}

.pricing-feature-icon {
  font-size: 1.1rem !important;
  min-width: 1.1rem !important;
  margin-top: 0.1rem !important;
}

.pricing-feature-text {
  font-size: 0.85rem !important;
  line-height: 1.5 !important;
  flex: 1 !important;
  text-align: left !important;
}

/* Add bullet points to feature texts */
.pricing-feature-text::before {
  content: "• " !important;
  font-weight: bold !important;
}

/* Responsive adjustments for pricing features */
@media (max-width: 768px) {
  .pricing-feature-text {
    font-size: 0.65rem !important;
  }

  .pricing-feature {
    gap: 0.5rem !important;
  }

  .pricing-feature-icon {
    font-size: 1rem !important;
    min-width: 1rem !important;
  }
}

@media (max-width: 480px) {
  .pricing-feature-text {
    font-size: 0.8rem !important;
  }
}