/* ═══════════════════════════════════════════════════════════════════════════
   OneScraper UI/UX Consistency Fixes — April 2026
   Standardizes fonts, colors, cards, spacing, and layout across all pages
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Design Tokens ─────────────────────────────────────────────────────── */
:root {
  --os-primary: #6c47ff;
  --os-primary-dark: #4f35cc;
  --os-primary-light: #f0edff;
  --os-text-primary: #0f0f23;
  --os-text-secondary: #555;
  --os-text-muted: #888;
  --os-text-light: #666;
  --os-bg-light: #f8f9ff;
  --os-bg-white: #fff;
  --os-border: #eee;
  --os-success: #22c55e;
  --os-radius-sm: 8px;
  --os-radius-md: 12px;
  --os-radius-lg: 16px;
  --os-radius-xl: 20px;
  --os-shadow-sm: 0 2px 12px rgba(108,71,255,0.06);
  --os-shadow-md: 0 4px 20px rgba(108,71,255,0.08);
  --os-shadow-lg: 0 8px 32px rgba(108,71,255,0.12);
  --os-transition: all 0.2s ease;
}

/* ─── Global Typography Overrides ───────────────────────────────────────── */
body, body.Home_ss {
  font-family: "Plus Jakarta Sans", "Poppins", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 15px;
  line-height: 1.7;
  color: var(--os-text-primary);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Plus Jakarta Sans", "Poppins", sans-serif !important;
  font-weight: 700;
  line-height: 1.3;
  color: var(--os-text-primary);
}

/* Standardize heading sizes */
h1 { font-size: 2.4rem !important; }
h2 { font-size: 1.9rem !important; }
h3 { font-size: 1.15rem !important; }
h4 { font-size: 1.05rem !important; }

p {
  color: var(--os-text-light);
  line-height: 1.75;
}

/* ─── Nav Header Fixes ──────────────────────────────────────────────────── */
.ss_header {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.ss_header .nav-link {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--os-text-primary) !important;
  padding: 8px 16px !important;
  transition: var(--os-transition);
  border-radius: var(--os-radius-sm);
}

.ss_header .nav-link:hover,
.ss_header .nav-link.active {
  color: var(--os-primary) !important;
  background: var(--os-primary-light);
}

.ss_header .navbar-brand img {
  height: 32px;
  width: auto;
}

/* Sign In button consistency */
.default-button-header {
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: var(--os-radius-sm) !important;
  padding: 10px 20px !important;
  transition: var(--os-transition);
}

.default-button-header:hover {
  transform: translateY(-1px);
  box-shadow: var(--os-shadow-md);
}

/* Contact Us header link */
.button_contact {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--os-primary) !important;
}

/* ─── Hero Section Standardization ──────────────────────────────────────── */
.hero-section {
  padding: 80px 0 60px !important;
}

.hero-section h1,
.hero-des h1 {
  font-size: 2.6rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin-bottom: 20px !important;
}

.hero-des p {
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  opacity: 0.9;
}

/* ─── Section Spacing Standardization ───────────────────────────────────── */
.tools-list-sec,
.why-choose,
.how-works-sec,
.data-solutions-sec,
.exceptional-support-sec {
  padding: 80px 0 !important;
}

/* ─── Card Standardization ──────────────────────────────────────────────── */
/* Ensure all cards have consistent styling */
.why-choose_service,
.tools-cells,
.data-solutions-cells {
  border-radius: var(--os-radius-lg) !important;
  transition: var(--os-transition) !important;
}

.why-choose_service:hover,
.tools-cells:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--os-shadow-lg) !important;
}

/* Tool cards */
.tools-cells {
  border-radius: var(--os-radius-lg) !important;
  padding: 24px !important;
  border: 1px solid #f0f0f0;
  transition: var(--os-transition) !important;
}

.tools-cells:hover {
  border-color: var(--os-primary);
  box-shadow: var(--os-shadow-md) !important;
}

.tools-cells h5 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--os-text-primary) !important;
  margin-bottom: 6px !important;
}

.tools-cells p {
  font-size: 13.5px !important;
  color: var(--os-text-light) !important;
  line-height: 1.65 !important;
}

/* Get dataset button */
.get-dataset-button {
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: var(--os-radius-sm) !important;
  padding: 8px 16px !important;
  transition: var(--os-transition) !important;
}

/* Search box */
.tools-search-box {
  margin-bottom: 32px !important;
}

.tools-search-box .form-control {
  border-radius: var(--os-radius-lg) !important;
  padding: 16px 20px 16px 48px !important;
  font-size: 15px !important;
  border: 2px solid #e8e8f0 !important;
  transition: var(--os-transition) !important;
}

.tools-search-box .form-control:focus {
  border-color: var(--os-primary) !important;
  box-shadow: 0 0 0 4px rgba(108,71,255,0.1) !important;
}

/* ─── Data Solutions (Industry Cards on Homepage) ───────────────────────── */
.data-solutions-cells {
  border-radius: var(--os-radius-lg) !important;
  padding: 28px 20px !important;
  text-align: center;
  transition: var(--os-transition) !important;
  cursor: pointer;
}

.data-solutions-cells:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--os-shadow-md) !important;
}

.data-solutions-cells h4 {
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  margin-top: 14px !important;
  color: var(--os-text-primary) !important;
}

.data-solutions-img {
  width: 56px !important;
  height: 56px !important;
  margin: 0 auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.data-solutions-img img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain;
}

/* ─── Why Choose Section ────────────────────────────────────────────────── */
.why-choose-des h2 {
  font-size: 2rem !important;
  margin-bottom: 16px !important;
}

.why-choose-des p {
  font-size: 15px !important;
  color: var(--os-text-light) !important;
}

.why-choose_service {
  padding: 32px 24px !important;
}

.why-choose_service h4 {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
}

.why-choose_service p {
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* ─── How It Works Section ──────────────────────────────────────────────── */
.how-works-item h4 {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}

.how-works-item p {
  font-size: 14px !important;
  color: var(--os-text-light) !important;
}

/* ─── Exceptional Support Section ───────────────────────────────────────── */
.exceptional-support-right-des h3 {
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
}

.exceptional-support-right-des p {
  font-size: 14.5px !important;
  line-height: 1.75 !important;
}

.exceptional-support-right-points p {
  font-size: 14px !important;
  margin-bottom: 0 !important;
}

/* ─── Stats Bar ─────────────────────────────────────────────────────────── */
.stats-bar-sec {
  padding: 28px 0 !important;
}

.stat-number {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

/* ─── Footer Consistency ────────────────────────────────────────────────── */
.footer-main {
  padding: 60px 0 30px !important;
}

.ss_footer_des h3 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
  color: var(--os-text-primary) !important;
}

.ss_footer_des ul li a {
  font-size: 14px !important;
  color: var(--os-text-light) !important;
  transition: var(--os-transition) !important;
}

.ss_footer_des ul li a:hover {
  color: var(--os-primary) !important;
  padding-left: 4px;
}

/* ─── Form Inputs ───────────────────────────────────────────────────────── */
.form-control {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  border-radius: var(--os-radius-md) !important;
  border: 1.5px solid #ddd !important;
  padding: 12px 16px !important;
  transition: var(--os-transition) !important;
}

.form-control:focus {
  border-color: var(--os-primary) !important;
  box-shadow: 0 0 0 3px rgba(108,71,255,0.1) !important;
}

select.form-control {
  appearance: auto;
}

/* ─── Button Standardization ────────────────────────────────────────────── */
.btn {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 600 !important;
  border-radius: var(--os-radius-sm) !important;
  transition: var(--os-transition) !important;
}

.btn:hover {
  transform: translateY(-1px);
}

/* Primary purple button */
a[style*="background:#6c47ff"],
button[style*="background:#6c47ff"],
a[style*="background: #6c47ff"],
button[style*="background: #6c47ff"] {
  transition: var(--os-transition) !important;
}

a[style*="background:#6c47ff"]:hover,
button[style*="background:#6c47ff"]:hover {
  opacity: 0.92;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(108,71,255,0.3);
}

/* White button on purple bg */
a[style*="background:#fff"][style*="color:#6c47ff"]:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
  transform: translateY(-1px);
}

/* ─── Accordion / FAQ Standardization ───────────────────────────────────── */
.accordion-button {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.accordion-body {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: var(--os-text-light) !important;
}

/* ─── Table Standardization ─────────────────────────────────────────────── */
table {
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

table th {
  font-weight: 600 !important;
  font-size: 14px !important;
}

table td {
  font-size: 14px !important;
}

/* ─── Cookie Consent Banner ─────────────────────────────────────────────── */
#cookieConsent {
  border-radius: var(--os-radius-md) !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
}

/* ─── Scrollbar ─────────────────────────────────────────────────────────── */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #c4c4c4;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #999;
}

/* ─── Selection Color ───────────────────────────────────────────────────── */
::selection {
  background: rgba(108,71,255,0.15);
  color: var(--os-text-primary);
}

/* ─── Smooth Scroll ─────────────────────────────────────────────────────── */
html {
  scroll-behavior: smooth;
}

/* ─── Material Symbols Size Fix ─────────────────────────────────────────── */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}

.material-symbols-filled {
  font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}

/* ─── Responsive Fixes ──────────────────────────────────────────────────── */
@media (max-width: 991px) {
  h1 { font-size: 1.8rem !important; }
  h2 { font-size: 1.5rem !important; }

  .hero-section { padding: 48px 0 40px !important; }
  .hero-des h1 { font-size: 2rem !important; }

  .tools-list-sec,
  .why-choose,
  .how-works-sec,
  .data-solutions-sec,
  .exceptional-support-sec {
    padding: 48px 0 !important;
  }

  .data-solutions-main-sec {
    flex-wrap: wrap !important;
  }

  .data-solutions-cells {
    flex: 0 0 calc(33.33% - 12px) !important;
    margin-bottom: 16px !important;
  }
}

@media (max-width: 767px) {
  h1 { font-size: 1.6rem !important; }
  h2 { font-size: 1.35rem !important; }

  .hero-des h1 { font-size: 1.7rem !important; }

  .data-solutions-cells {
    flex: 0 0 calc(50% - 8px) !important;
  }

  .data-solutions-cells h4 {
    font-size: 0.8rem !important;
  }

  .ss_header .nav-link {
    padding: 10px 12px !important;
  }

  .tools-search-box .form-control {
    padding: 14px 16px 14px 44px !important;
    font-size: 14px !important;
  }

  /* Stack contact-us-header on mobile */
  .contact-us-header {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .data-solutions-cells {
    flex: 0 0 100% !important;
  }

  .hero-des h1 { font-size: 1.5rem !important; }

  .stat-number {
    font-size: 1.5rem !important;
  }
}

/* ─── Print Styles ──────────────────────────────────────────────────────── */
@media print {
  .ss_header, .footer-main, #cookieConsent, .stats-bar-sec { display: none !important; }
  body { font-size: 12px; color: #000; }
}
/* ═══════════════════════════════════════════════════════════════════════════
   OneScraper UI/UX Fixes v2 — Targets inline-styled pages + consistency
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── GLOBAL: Force font consistency on ALL inline-styled elements ────── */
[style*="font-size"],
[style*="font-weight"],
[style*="line-height"] {
  font-family: "Plus Jakarta Sans", "Poppins", sans-serif !important;
}

/* ─── HERO SECTIONS (all pages with purple gradient) ────────────────────── */
section[style*="linear-gradient(135deg,#6c47ff"] {
  padding: 80px 0 !important;
}

section[style*="linear-gradient(135deg,#6c47ff"] h1 {
  font-size: 2.4rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
}

section[style*="linear-gradient(135deg,#6c47ff"] p {
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  opacity: 0.9 !important;
}

/* Hero CTA buttons */
section[style*="linear-gradient(135deg,#6c47ff"] .btn,
section[style*="linear-gradient(135deg,#6c47ff"] a[style*="border-radius:8px"] {
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 14px 36px !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}

section[style*="linear-gradient(135deg,#6c47ff"] .btn:hover,
section[style*="linear-gradient(135deg,#6c47ff"] a[style*="border-radius:8px"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.2) !important;
}

/* ─── SECTION HEADINGS (inline h2 on solution/use-case/compare pages) ─── */
section h2[style*="font-weight:700"] {
  font-size: 1.9rem !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 16px !important;
}

/* ─── SOLUTION PAGE CARDS — Equal Heights + Consistent Style ────────────── */
/* Data cards (border-left purple) */
div[style*="border-left:4px solid #6c47ff"] {
  min-height: 280px;
  display: flex;
  flex-direction: column;
}

div[style*="border-left:4px solid #6c47ff"] h3 {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-bottom: 10px !important;
}

div[style*="border-left:4px solid #6c47ff"] p {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: #555 !important;
  flex: 1;
}

/* Tool cards (box-shadow purple) */
div[style*="box-shadow:0 2px 16px rgba(108,71,255"] {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  transition: all 0.25s ease !important;
}

div[style*="box-shadow:0 2px 16px rgba(108,71,255"]:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 32px rgba(108,71,255,0.15) !important;
}

div[style*="box-shadow:0 2px 16px rgba(108,71,255"] h3 {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
}

div[style*="box-shadow:0 2px 16px rgba(108,71,255"] p {
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: #555 !important;
  flex: 1;
}

/* View Tool links */
a[style*="color:#6c47ff"][style*="font-weight:600"][style*="font-size:14px"] {
  font-size: 13.5px !important;
  transition: all 0.2s ease !important;
}

a[style*="color:#6c47ff"][style*="font-weight:600"][style*="font-size:14px"]:hover {
  letter-spacing: 0.5px;
}

/* Use-case cards */
div[style*="border-radius:16px"][style*="padding:32px 28px"][style*="height:100%"] {
  transition: all 0.25s ease !important;
}

div[style*="border-radius:16px"][style*="padding:32px 28px"][style*="height:100%"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 24px rgba(0,0,0,0.08);
}

/* ─── ICON CONTAINERS (purple circles/rounded squares) ──────────────────── */
div[style*="width:52px"][style*="height:52px"][style*="background:#6c47ff"],
div[style*="width:52px"][style*="height:52px"][style*="background:linear-gradient"] {
  flex-shrink: 0;
}

div[style*="width:56px"][style*="height:56px"][style*="background:linear-gradient"] {
  flex-shrink: 0;
}

/* ─── WHY SECTION (checklist items) ─────────────────────────────────────── */
li[style*="border-bottom:1px solid #f0f0f0"] {
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  padding: 12px 0 !important;
  transition: background 0.2s ease;
}

li[style*="border-bottom:1px solid #f0f0f0"]:hover {
  background: #fafafe;
  padding-left: 8px;
}

/* ─── FAQ SECTIONS (inline FAQ on solution pages) ───────────────────────── */
div[style*="border-bottom:1px solid #eee"][style*="padding:20px 0"] {
  padding: 24px 0 !important;
  transition: all 0.2s ease;
}

div[style*="border-bottom:1px solid #eee"][style*="padding:20px 0"]:last-child {
  border-bottom: none !important;
}

div[style*="border-bottom:1px solid #eee"] h3[style*="font-size:1rem"] {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #0f0f23 !important;
  margin-bottom: 8px !important;
}

div[style*="border-bottom:1px solid #eee"] p[style*="color:#666"] {
  font-size: 14px !important;
  line-height: 1.8 !important;
}

/* Home page FAQ accordion buttons */
button[style*="padding:20px 24px"][style*="font-weight:600"] {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 15px !important;
  padding: 20px 24px !important;
  transition: background 0.2s ease !important;
}

button[style*="padding:20px 24px"][style*="font-weight:600"]:hover {
  background: #f8f9ff !important;
}

/* FAQ answer text */
div[style*="padding:0 24px 20px"][style*="color:#666"] {
  font-size: 14.5px !important;
  line-height: 1.8 !important;
}

/* ─── CTA SECTIONS (purple background CTAs) ─────────────────────────────── */
section[style*="background:#6c47ff"][style*="text-align:center"] {
  padding: 64px 0 !important;
}

section[style*="background:#6c47ff"] h2 {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  margin-bottom: 14px !important;
}

section[style*="background:#6c47ff"] p[style*="opacity"] {
  font-size: 15px !important;
  margin-bottom: 28px !important;
}

/* ─── PRICING PAGE SPECIFIC ─────────────────────────────────────────────── */
/* Plan cards equal height with aligned buttons */
.col-lg-3 > div[style*="border-radius:20px"] {
  display: flex !important;
  flex-direction: column !important;
}

.col-lg-3 > div[style*="border-radius:20px"] ul {
  flex: 1 !important;
}

/* Plan card feature items */
.col-lg-3 > div[style*="border-radius:20px"] li {
  font-size: 13.5px !important;
  line-height: 1.6 !important;
}

/* Comparison table */
table[style*="border-collapse:collapse"] {
  border-radius: 12px !important;
  overflow: hidden !important;
}

table[style*="border-collapse:collapse"] th {
  font-size: 13.5px !important;
  white-space: nowrap;
}

table[style*="border-collapse:collapse"] td {
  font-size: 13.5px !important;
}

table[style*="border-collapse:collapse"] tr:hover td {
  background: #f0edff !important;
}

/* Credit usage table */
table[style*="width:100%"][style*="font-size:14px"] td {
  font-size: 14px !important;
}

/* "Which plan" cards */
div[style*="background:#f8f9ff"][style*="border-radius:16px"][style*="padding:28px 24px"] {
  transition: all 0.25s ease !important;
}

div[style*="background:#f8f9ff"][style*="border-radius:16px"][style*="padding:28px 24px"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(108,71,255,0.1);
}

/* ─── BLOG PAGES ────────────────────────────────────────────────────────── */
/* Blog content area */
.col-lg-8[style*="font-size:16px"] {
  font-size: 16px !important;
  line-height: 1.85 !important;
  color: #333 !important;
}

.col-lg-8[style*="font-size:16px"] h2 {
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  margin-top: 40px !important;
  margin-bottom: 16px !important;
  color: #0f0f23 !important;
}

.col-lg-8[style*="font-size:16px"] h3 {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  margin-top: 28px !important;
  margin-bottom: 12px !important;
}

.col-lg-8[style*="font-size:16px"] p {
  margin-bottom: 18px !important;
  max-width: 680px;
}

.col-lg-8[style*="font-size:16px"] a {
  color: #6c47ff !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 1.5px solid rgba(108,71,255,0.3);
  transition: border-color 0.2s ease;
}

.col-lg-8[style*="font-size:16px"] a:hover {
  border-bottom-color: #6c47ff;
}

.col-lg-8[style*="font-size:16px"] ul,
.col-lg-8[style*="font-size:16px"] ol {
  padding-left: 24px !important;
  margin: 16px 0 !important;
}

.col-lg-8[style*="font-size:16px"] li {
  margin-bottom: 8px !important;
  line-height: 1.75 !important;
}

/* Blog related articles cards */
div[style*="border-radius:12px"][style*="padding:24px"][style*="box-shadow"] {
  transition: all 0.25s ease !important;
}

div[style*="border-radius:12px"][style*="padding:24px"][style*="box-shadow"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}

/* Blog category badge */
span[style*="background:#f0edff"][style*="border-radius:12px"] {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
}

span[style*="background:rgba(255,255,255,0.2)"][style*="border-radius:20px"] {
  font-size: 12.5px !important;
  font-weight: 600 !important;
}

/* ─── COMPARE PAGES ─────────────────────────────────────────────────────── */
/* vs badge containers */
div[style*="background:rgba(255,255,255,.15)"][style*="border-radius:16px"],
div[style*="background:rgba(255,255,255,.1)"][style*="border-radius:16px"] {
  padding: 16px 32px !important;
}

/* Summary cards */
div[style*="background:#f0edff"][style*="border-radius:16px"],
div[style*="background:#f8f9fa"][style*="border-radius:16px"] {
  padding: 32px !important;
}

div[style*="background:#f0edff"] h3,
div[style*="background:#f8f9fa"] h3 {
  font-size: 1.15rem !important;
}

div[style*="background:#f0edff"] p,
div[style*="background:#f8f9fa"] p {
  font-size: 14.5px !important;
  line-height: 1.75 !important;
}

/* "Choose X if" sections */
div[style*="border-left:4px solid #6c47ff"][style*="padding-left:24px"] ul li,
div[style*="border-left:4px solid #999"][style*="padding-left:24px"] ul li {
  font-size: 14.5px !important;
  line-height: 2 !important;
}

/* ─── ALTERNATIVES PAGES (dark hero) ────────────────────────────────────── */
section[style*="background:linear-gradient(135deg,#0f0f23"] {
  padding: 80px 0 !important;
}

section[style*="background:linear-gradient(135deg,#0f0f23"] h1 {
  font-size: 2.4rem !important;
  font-weight: 800 !important;
}

/* Pain point cards */
div[style*="background:#fef2f2"] {
  border-radius: 12px !important;
}

/* ─── SOLUTIONS INDEX — Grid Cards ──────────────────────────────────────── */
#grid .col-lg-3 > a > div,
#grid .col-lg-3 > div {
  min-height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

#grid .col-lg-3 h3 {
  font-size: 0.95rem !important;
  text-align: center;
}

#grid .col-lg-3 p {
  font-size: 13px !important;
  text-align: center;
  flex: 1;
}

/* ─── ENTERPRISE CONTACT FORM ───────────────────────────────────────────── */
#enterprise-contact .form-control {
  border-radius: 10px !important;
  padding: 12px 16px !important;
  border: 1.5px solid #ddd !important;
  font-size: 14px !important;
}

#enterprise-contact .form-control:focus {
  border-color: #6f42c1 !important;
  box-shadow: 0 0 0 3px rgba(111,66,193,0.1) !important;
}

#enterprise-contact label {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
}

/* ─── GENERAL LINK HOVER EFFECTS ────────────────────────────────────────── */
a[style*="text-decoration:none"][style*="color:inherit"]:hover {
  text-decoration: none !important;
}

/* Explore arrows */
span[style*="color:#6c47ff"][style*="font-weight:600"][style*="font-size:13px"],
a[style*="color:#6c47ff"][style*="font-weight:600"][style*="font-size:13px"] {
  transition: all 0.2s ease !important;
}

a[style*="color:#6c47ff"][style*="font-weight:600"][style*="font-size:13px"]:hover {
  letter-spacing: 0.3px;
}

/* ─── RESPONSIVE v2 ─────────────────────────────────────────────────────── */
@media (max-width: 991px) {
  section[style*="linear-gradient(135deg,#6c47ff"] h1 {
    font-size: 1.9rem !important;
  }

  section[style*="linear-gradient(135deg,#0f0f23"] h1 {
    font-size: 1.9rem !important;
  }

  section h2[style*="font-weight:700"] {
    font-size: 1.6rem !important;
  }

  /* Stack pricing cards */
  .col-lg-3 > div[style*="border-radius:20px"] {
    min-height: auto !important;
  }

  #grid .col-lg-3 > a > div,
  #grid .col-lg-3 > div {
    min-height: auto;
  }

  /* Comparison table scroll hint */
  div[style*="overflow-x:auto"] {
    position: relative;
  }

  div[style*="overflow-x:auto"]::after {
    content: "← Scroll →";
    display: block;
    text-align: center;
    font-size: 12px;
    color: #999;
    padding: 8px 0 0;
  }
}

@media (max-width: 767px) {
  section[style*="linear-gradient(135deg,#6c47ff"] {
    padding: 48px 0 !important;
  }

  section[style*="linear-gradient(135deg,#6c47ff"] h1 {
    font-size: 1.6rem !important;
  }

  section[style*="linear-gradient(135deg,#6c47ff"] p {
    font-size: 0.95rem !important;
  }

  /* Stack "Choose X if" sections */
  div[style*="border-left:4px solid"] {
    margin-bottom: 24px;
  }

  /* Blog content full width */
  .col-lg-8[style*="font-size:16px"] {
    font-size: 15px !important;
  }

  .col-lg-8[style*="font-size:16px"] h2 {
    font-size: 1.35rem !important;
  }

  /* Enterprise form padding */
  #enterprise-contact > div > div > div > div {
    padding: 28px 20px !important;
  }
}

@media (max-width: 480px) {
  section[style*="linear-gradient(135deg,#6c47ff"] h1 {
    font-size: 1.4rem !important;
  }

  /* Pricing cards full width */
  .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* ─── ANIMATIONS ────────────────────────────────────────────────────────── */
/* Subtle fade-in for sections */
[data-aos="fade-up"] {
  transition-duration: 0.6s !important;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

/* Card hover lift standardization */
div[onmouseover*="translateY"] {
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   AUTH PAGES (Sign Up / Sign In / Forgot Password)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Login section background */
.login-main-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 40px 0;
  background: linear-gradient(135deg, #f8f9ff 0%, #f0edff 100%);
}

/* Main login container */
.login-main {
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 12px 48px rgba(108,71,255,0.1);
}

.login-main .row {
  min-height: 600px;
}

/* Left panel (info side) */
.login-main-cells {
  background: linear-gradient(135deg, #6c47ff, #4f35cc);
  color: #fff;
  padding: 48px 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 24px 0 0 24px;
}

.login-main-cells h2 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  margin-bottom: 16px;
  color: #fff !important;
}

.login-main-cells p {
  font-size: 14px !important;
  line-height: 1.75 !important;
  opacity: 0.9;
  color: #fff !important;
}

.login-main-cells .exceptional-support-right-points p {
  font-size: 13.5px !important;
  opacity: 0.85;
}

.login-main-cells .exceptional-support-right-points .material-symbols-filled {
  color: #9b7aff !important;
  font-size: 20px;
}

.login-main-cells .login-images {
  margin-bottom: 28px;
}

.login-main-cells .login-images img {
  max-width: 280px;
  height: auto;
}

/* Right panel (form side) */
.ss_login_box {
  padding: 48px 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ss_login_box .logo {
  margin-bottom: 24px;
}

.ss_login_box .logo img {
  height: 32px;
  width: auto;
}

.ss_login_box .auth-description {
  font-size: 14px !important;
  color: #666 !important;
  margin-bottom: 28px;
  line-height: 1.6;
}

.ss_login_box .auth-description a {
  color: #6c47ff !important;
  font-weight: 600 !important;
  text-decoration: none;
}

.ss_login_box .auth-description a:hover {
  text-decoration: underline;
}

/* Form fields */
.authFiled {
  margin-bottom: 20px;
}

.authFiled .form-label {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 8px;
}

.authFiled .form-control {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 10px !important;
  background: #fafafa;
  transition: all 0.2s ease !important;
  height: auto !important;
}

.authFiled .form-control:focus {
  border-color: #6c47ff !important;
  box-shadow: 0 0 0 3px rgba(108,71,255,0.1) !important;
  background: #fff;
}

.authFiled .form-control::placeholder {
  color: #bbb;
  font-size: 13.5px;
}

/* Password toggle button */
.input-password {
  position: relative;
}

.password-toggle {
  position: absolute;
  right: 14px;
  top: 40px;
  background: none !important;
  border: none !important;
  padding: 4px 6px !important;
  cursor: pointer;
  color: #888 !important;
  font-size: 16px;
  z-index: 2;
  transition: color 0.2s ease;
}

.password-toggle:hover {
  color: #6c47ff !important;
}

.password-toggle i {
  font-size: 16px;
}

/* Submit button */
.auth-submit .default-button-header {
  width: 100%;
  justify-content: center;
  padding: 14px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  background: #6c47ff !important;
  color: #fff !important;
  border: none;
  transition: all 0.2s ease !important;
}

.auth-submit .default-button-header:hover {
  background: #5a3ad4 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(108,71,255,0.3);
}

.auth-submit .default-button-header .material-symbols-outlined {
  font-size: 18px;
}

/* OR divider */
.main-divider {
  margin: 24px 0 !important;
}

.main-divider .divider {
  flex: 1;
  height: 1px;
  background: #e8e8e8;
}

.main-divider p {
  font-size: 13px !important;
  color: #999 !important;
  font-weight: 600;
}

/* Google button */
.signup-button-header {
  width: 100%;
  justify-content: center;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  border: 1.5px solid #ddd !important;
  background: #fff !important;
  color: #333 !important;
  transition: all 0.2s ease !important;
}

.signup-button-header:hover {
  border-color: #6c47ff !important;
  box-shadow: 0 2px 12px rgba(108,71,255,0.1);
}

.signup-button-header .google-icons svg {
  width: 18px;
  height: 18px;
}

/* Validation errors */
.text-danger {
  font-size: 12.5px !important;
  margin-top: 4px;
  display: block;
}

/* Responsive auth */
@media (max-width: 991px) {
  .login-main-cells {
    border-radius: 24px 24px 0 0;
    padding: 36px 28px;
  }

  .ss_login_box {
    padding: 36px 28px;
  }

  .login-main .row {
    min-height: auto;
  }
}

@media (max-width: 767px) {
  .login-main-section {
    padding: 16px;
  }

  .login-main {
    border-radius: 16px;
  }

  .login-main-cells {
    border-radius: 16px 16px 0 0;
    padding: 28px 20px;
  }

  .login-main-cells .login-images img {
    max-width: 200px;
  }

  .ss_login_box {
    padding: 28px 20px;
  }
}