:root {

  --primary-bg: #ffffff;

  --secondary-bg: #f4f4f7; 

  --accent-bg: #fafafa;

  --primary-text: #222222;

  --secondary-text: #777777;

  --accent-text: #111111;

  --primary-accent: #5046e6; 

  --primary-accent-soft: rgba(80, 70, 230, 0.1);

  --secondary-accent: #3d31d9; 

  --border-color: transparent; 

  --shadow-color: rgba(0, 0, 0, 0.05);

  --shadow-sm: none;

  --shadow-md: none;

  --shadow-lg: none;

  --card-shadow: none;

  --card-shadow-hover: none;

  --section-shadow: none;

  --gradient-1: linear-gradient(135deg, #f4f4f7 0%, #fafafa 100%);

  --gradient-2: linear-gradient(135deg, var(--primary-accent) 0%, var(--secondary-accent) 100%);

  --features2-bg: linear-gradient(135deg, var(--primary-accent) 0%, var(--secondary-accent) 100%);

  --button-on-gradient: #ffffff;

  --button-on-gradient-border: rgba(255, 255, 255, 0.8);

  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --border-radius: 16px;

  --button-radius: 50px;

  --card-radius: 20px;

  --spacing-unit: 1.4rem; 
}

:root{
  --fp-delay-start: 0.4s;
  --fp-delay-img: 0.45s;
  --fp-delay-a: 1.45s;
  --fp-delay-form: 0.5s;
  --fp-delay-label: 0.55s;
  --fp-delay-input: 0.6s;
  --fp-delay-textarea: 0.65s;
}

.theme-light-minimal {
  --primary-bg: #ffffff;
  --secondary-bg: #ffffff;
  --accent-bg: #fafafa;
  --primary-text: #222222;
  --secondary-text: #777777;
  --accent-text: #111111;
  --primary-accent: #5fd9c2; 
  --primary-accent-soft: rgba(95, 217, 194, 0.1);
  --secondary-accent: #34bfa1; 
  --border-color: #e5e5e5;
  --shadow-color: rgba(0, 0, 0, 0.02);
  --gradient-1: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
  --gradient-2: linear-gradient(135deg, #5fd9c2 0%, #34bfa1 100%);
  --features2-bg: linear-gradient(135deg, #5fd9c2 0%, #34bfa1 100%);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 2px;
  --button-radius: 4px;
  --card-radius: 4px;
  --spacing-unit: 1.4rem; 
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
}

.theme-light-grey-minimal {
  --primary-bg: #ffffff;
  --secondary-bg: #f4f4f7; 
  --accent-bg: #fafafa;
  --primary-text: #222222;
  --secondary-text: #777777;
  --accent-text: #111111;
  --primary-accent: #5046e6; 
  --primary-accent-soft: rgba(80, 70, 230, 0.1);
  --secondary-accent: #3d31d9; 
  --border-color: transparent; 
  --shadow-color: rgba(0, 0, 0, 0.05);
  --gradient-1: linear-gradient(135deg, #f4f4f7 0%, #fafafa 100%);
  --gradient-2: linear-gradient(135deg, var(--primary-accent) 0%, var(--secondary-accent) 100%);
  --features2-bg: linear-gradient(135deg, var(--primary-accent) 0%, var(--secondary-accent) 100%);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 16px;
  --button-radius: 50px;
  --card-radius: 20px;
  --spacing-unit: 1.4rem; 
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
}

.theme-dark-modern {
  --primary-bg: #0a0a0f;
  --secondary-bg: #1a1f2e;
  --accent-bg: #242b3d;
  --primary-text: #e4e6ea;
  --secondary-text: #b0b3b8;
  --accent-text: #ffffff;
  --primary-accent: #8b5cf6;
  --primary-accent-soft: rgba(139, 92, 246, 0.1);
  --secondary-accent: #7c3aed;
  --border-color: transparent;
  --shadow-color: rgba(139, 92, 246, 0.25);
  --gradient-1: linear-gradient(135deg, #0a0a0f 0%, #1a1f2e 50%, #0f1419 100%);
  --gradient-2: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  --features2-bg: linear-gradient(135deg, #0a0a0f 0%, #1a1f2e 100%);
  --card-shadow: 0 0 0 1px rgba(139, 92, 246, 0.2), 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  --card-shadow-hover: 0 0 0 1px rgba(139, 92, 246, 0.4), 0 12px 40px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 16px;
  --button-radius: 12px;
  --card-radius: 20px;
  --spacing-unit: 1.2rem;
  --shadow-sm: 0 0 0 1px rgba(139, 92, 246, 0.15), 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 0 0 1px rgba(139, 92, 246, 0.2), 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 0 0 1px rgba(139, 92, 246, 0.25), 0 25px 60px rgba(0, 0, 0, 0.1);
}

.theme-corporate-clean {
  --primary-bg: #ffffff;
  --secondary-bg: #f3f6fa; 
  --accent-bg: #e3eaf2;
  --primary-text: #1b2a3a;
  --secondary-text: #3b4a5a;
  --accent-text: #102a43;
  --primary-accent: #2563eb; 
  --primary-accent-soft: rgba(37, 99, 235, 0.1);
  --secondary-accent: #1e4bb8;
  --border-color: #c5d1df;
  --shadow-color: rgba(37, 99, 235, 0.12);
  --gradient-1: linear-gradient(135deg, #ffffff 0%, #f3f6fa 100%);
  --gradient-2: linear-gradient(135deg, #2563eb 0%, #1e4bb8 100%);
  --features2-bg: linear-gradient(135deg, #2563eb 0%, #1e4bb8 100%);
  --font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 6px;
  --button-radius: 6px;
  --card-radius: 8px;
  --spacing-unit: 1rem; 
  --shadow-sm: 0 1px 3px rgba(37, 99, 235, 0.08);
  --shadow-md: 0 4px 12px rgba(37, 99, 235, 0.12);
  --shadow-lg: 0 8px 24px rgba(37, 99, 235, 0.18);
}

.theme-playful-colorful {
  --primary-bg: #fef7f0;
  --secondary-bg: #fff4e6;
  --accent-bg: #ffedd5;
  --primary-text: #1f2937;
  --secondary-text: #374151;
  --accent-text: #111827;
  --primary-accent: #f97316;
  --primary-accent-soft: rgba(249, 115, 22, 0.1);
  --secondary-accent: #ea580c;
  --border-color: #fed7aa;
  --shadow-color: rgba(249, 115, 22, 0.15);
  --gradient-1: linear-gradient(135deg, #fef7f0 0%, #fff4e6 100%);
  --gradient-2: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  --features2-bg: linear-gradient(135deg, #f97316 0%, #dc2626 100%);
  --font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 16px;
  --button-radius: 24px;
  --card-radius: 20px;
  --spacing-unit: 1.5rem;
  --shadow-sm: 0 2px 8px rgba(249, 115, 22, 0.08);
  --shadow-md: 0 8px 25px rgba(249, 115, 22, 0.12);
  --shadow-lg: 0 25px 50px rgba(249, 115, 22, 0.15);
}

.theme-elegant-serif {
  --primary-bg: #fdfcf8;
  --secondary-bg: #f8f6f0;
  --accent-bg: #f1ede4;
  --primary-text: #2d2d2d;
  --secondary-text: #4a4a4a;
  --accent-text: #1a1a1a;
  --primary-accent: #8b4513;
  --primary-accent-soft: rgba(139, 69, 19, 0.1);
  --secondary-accent: #a0522d;
  --border-color: #e5ddd1;
  --shadow-color: rgba(139, 69, 19, 0.08);
  --gradient-1: linear-gradient(135deg, #fdfcf8 0%, #f8f6f0 100%);
  --gradient-2: linear-gradient(135deg, #8b4513 0%, #a0522d 100%);
  --features2-bg: linear-gradient(135deg, #8b4513 0%, #a0522d 100%);
  --font-family: 'Crimson Text', Georgia, Times, serif;
  --heading-font: 'Playfair Display', Georgia, Times, serif;
  --border-radius: 4px;
  --button-radius: 4px;
  --card-radius: 8px;
  --spacing-unit: 1.25rem;
  --shadow-sm: 0 1px 4px rgba(139, 69, 19, 0.05);
  --shadow-md: 0 6px 16px rgba(139, 69, 19, 0.08);
  --shadow-lg: 0 20px 40px rgba(139, 69, 19, 0.1);
}

.theme-wellness-calm {
  --primary-bg: #f8fafc;
  --secondary-bg: #f0fdf4;
  --accent-bg: #dcfce7;
  --primary-text: #1e293b;
  --secondary-text: #475569;
  --accent-text: #0f172a;
  --primary-accent: #34d399;
  --primary-accent-soft: rgba(52, 211, 153, 0.1);
  --secondary-accent: #059669;
  --border-color: #bbf7d0;
  --shadow-color: rgba(52, 211, 153, 0.12);
  --gradient-1: linear-gradient(135deg, #f8fafc 0%, #f0fdf4 100%);
  --gradient-2: linear-gradient(135deg, #34d399 0%, #059669 100%);
  --features2-bg: linear-gradient(135deg, #34d399 0%, #10b981 100%);
  --font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --border-radius: 12px;
  --button-radius: 12px;
  --card-radius: 16px;
  --spacing-unit: 1.2rem;
  --shadow-sm: 0 1px 4px rgba(16, 185, 129, 0.08);
  --shadow-md: 0 8px 24px rgba(16, 185, 129, 0.12);
  --shadow-lg: 0 20px 48px rgba(16, 185, 129, 0.16);
  --card-shadow: 0 1px 0 rgba(16,185,129,0.10), 0 12px 30px rgba(16,185,129,0.12);
  --card-shadow-hover: 0 1px 0 rgba(16,185,129,0.14), 0 18px 48px rgba(16,185,129,0.18);
  --section-shadow: inset 0 1px 0 rgba(16, 185, 129, 0.06);
}

.theme-floral-bliss {
  --primary-bg: #fff7fb;
  --secondary-bg: #fdf2f8;
  --accent-bg: #fce7f3;
  --primary-text: #3f3f46;
  --secondary-text: #6b7280;
  --accent-text: #111827;
  --primary-accent: #ec4899;
  --primary-accent-soft: rgba(236, 72, 153, 0.1);
  --secondary-accent: #db2777;
  --border-color: #fbcfe8;
  --shadow-color: rgba(236, 72, 153, 0.15);
  --gradient-1: linear-gradient(135deg, #fff7fb 0%, #fdf2f8 100%);
  --gradient-2: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
  --features2-bg: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
  --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --border-radius: 16px;
  --button-radius: 24px;
  --card-radius: 20px;
  --spacing-unit: 1.4rem;
  --shadow-sm: 0 2px 8px rgba(236, 72, 153, 0.08);
  --shadow-md: 0 10px 28px rgba(236, 72, 153, 0.14);
  --shadow-lg: 0 24px 56px rgba(236, 72, 153, 0.18);
  --card-shadow: 0 0 0 1px rgba(236,72,153,0.14), 0 14px 36px rgba(219,39,119,0.16);
  --card-shadow-hover: 0 0 0 1px rgba(236,72,153,0.22), 0 20px 52px rgba(219,39,119,0.22);
  --section-shadow: inset 0 1px 0 rgba(236,72,153,0.08);
}

.theme-ocean-breeze {
  --primary-bg: #f0f9ff;
  --secondary-bg: #ecfeff;
  --accent-bg: #cffafe;
  --primary-text: #0f172a;
  --secondary-text: #334155;
  --accent-text: #082f49;
  --primary-accent: #06b6d4;
  --primary-accent-soft: rgba(6, 182, 212, 0.1);
  --secondary-accent: #0284c7;
  --border-color: #bae6fd;
  --shadow-color: rgba(6, 182, 212, 0.14);
  --gradient-1: linear-gradient(135deg, #f0f9ff 0%, #ecfeff 100%);
  --gradient-2: linear-gradient(135deg, #06b6d4 0%, #0284c7 100%);
  --features2-bg: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Merriweather', Georgia, 'Times New Roman', serif;
  --border-radius: 10px;
  --button-radius: 10px;
  --card-radius: 14px;
  --spacing-unit: 1.2rem;
  --shadow-sm: 0 2px 8px rgba(2, 132, 199, 0.08);
  --shadow-md: 0 8px 28px rgba(2, 132, 199, 0.14);
  --shadow-lg: 0 24px 60px rgba(2, 132, 199, 0.18);
  --card-shadow: 0 0 0 1px rgba(2,132,199,0.12), 0 12px 32px rgba(6,182,212,0.16);
  --card-shadow-hover: 0 0 0 1px rgba(2,132,199,0.18), 0 18px 48px rgba(6,182,212,0.22);
  --section-shadow: inset 0 1px 0 rgba(2, 132, 199, 0.08);
}

.theme-health-trust {
  --primary-bg: #ffffff;
  --secondary-bg: #f1f5f9;
  --accent-bg: #e2e8f0;
  --primary-text: #0f172a;
  --secondary-text: #475569;
  --accent-text: #0b1220;
  --primary-accent: #0ea5e9;
  --primary-accent-soft: rgba(14, 165, 233, 0.1);
  --secondary-accent: #0284c7;
  --border-color: #cbd5e1;
  --shadow-color: rgba(14, 165, 233, 0.10);
  --gradient-1: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
  --gradient-2: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
  --features2-bg: linear-gradient(135deg, #0ea5e9 0%, #22d3ee 100%);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 6px;
  --button-radius: 6px;
  --card-radius: 8px;
  --spacing-unit: 1rem;
  --shadow-sm: 0 1px 3px rgba(2, 132, 199, 0.08);
  --shadow-md: 0 6px 18px rgba(2, 132, 199, 0.12);
  --shadow-lg: 0 18px 40px rgba(2, 132, 199, 0.16);
  --card-shadow: 0 0 0 1px rgba(2,132,199,0.10), 0 10px 28px rgba(14,165,233,0.12);
  --card-shadow-hover: 0 0 0 1px rgba(2,132,199,0.18), 0 16px 44px rgba(14,165,233,0.18);
  --section-shadow: inset 0 1px 0 rgba(2,132,199,0.06);
}

.theme-luxury-gold {
  --primary-bg: #0f1115;
  --secondary-bg: #1a1d24;
  --accent-bg: #13161c;
  --primary-text: #e5e4dc;
  --secondary-text: #bcb8a3;
  --accent-text: #ffffff;
  --primary-accent: #d4af37;
  --primary-accent-soft: rgba(212, 175, 55, 0.1);
  --secondary-accent: #b88a1e;
  --border-color: #2a2e36;
  --shadow-color: rgba(212, 175, 55, 0.20);
  --gradient-1: linear-gradient(135deg, #0f1115 0%, #1a1d24 100%);
  --gradient-2: linear-gradient(135deg, #d4af37 0%, #b88a1e 100%);
  --features2-bg: linear-gradient(135deg, #1a1d24 0%, #0f1115 100%);
  --font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --border-radius: 8px;
  --button-radius: 8px;
  --card-radius: 12px;
  --spacing-unit: 1.1rem;
  --shadow-sm: 0 1px 4px rgba(212, 175, 55, 0.15);
  --shadow-md: 0 10px 28px rgba(184, 138, 30, 0.20);
  --shadow-lg: 0 28px 64px rgba(184, 138, 30, 0.28);
  --card-shadow: 0 0 0 1px rgba(212,175,55,0.22), 0 12px 36px rgba(0,0,0,0.1);
  --card-shadow-hover: 0 0 0 1px rgba(212,175,55,0.34), 0 18px 52px rgba(0,0,0,0.7);
  --section-shadow: inset 0 1px 0 rgba(212,175,55,0.10), inset 0 -1px 0 rgba(0,0,0,0.35);
}

.theme-retro-pop {
  --primary-bg: #fffbea;
  --secondary-bg: #e0f2fe;
  --accent-bg: #ffe4e6;
  --primary-text: #1f2937;
  --secondary-text: #475569;
  --accent-text: #0b1220;
  --primary-accent: #ef4444;
  --primary-accent-soft: rgba(239, 68, 68, 0.1);
  --secondary-accent: #f59e0b;
  --border-color: #fbcfe8;
  --shadow-color: rgba(239, 68, 68, 0.12);
  --gradient-1: linear-gradient(135deg, #fffbea 0%, #ffe4e6 100%);
  --gradient-2: linear-gradient(135deg, #ef4444 0%, #f59e0b 100%);
  --features2-bg: linear-gradient(135deg, #22d3ee 0%, #a78bfa 100%);
  --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 14px;
  --button-radius: 9999px;
  --card-radius: 18px;
  --spacing-unit: 1.3rem;
  --shadow-sm: 0 3px 10px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 10px 28px rgba(239, 68, 68, 0.16);
  --shadow-lg: 0 28px 64px rgba(245, 158, 11, 0.18);
  --card-shadow: 0 0 0 2px rgba(0,0,0,0.04), 0 14px 36px rgba(239,68,68,0.16);
  --card-shadow-hover: 0 0 0 2px rgba(0,0,0,0.06), 0 22px 54px rgba(245,158,11,0.22);
  --section-shadow: inset 0 1px 0 rgba(0,0,0,0.06);
}

.theme-earthy-organic {
  --primary-bg: #faf7f2;
  --secondary-bg: #f1ede6;
  --accent-bg: #e7f0e8;
  --primary-text: #2f2a1e;
  --secondary-text: #5a5346;
  --accent-text: #1d1a13;
  --primary-accent: #6b8e23;
  --primary-accent-soft: rgba(107, 142, 35, 0.1);
  --secondary-accent: #3f7a3b;
  --border-color: #e4dccf;
  --shadow-color: rgba(63, 122, 59, 0.12);
  --gradient-1: linear-gradient(135deg, #faf7f2 0%, #f1ede6 100%);
  --gradient-2: linear-gradient(135deg, #6b8e23 0%, #3f7a3b 100%);
  --features2-bg: linear-gradient(135deg, #3f7a3b 0%, #2e5f2d 100%);
  --font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Merriweather', Georgia, 'Times New Roman', serif;
  --border-radius: 10px;
  --button-radius: 10px;
  --card-radius: 14px;
  --spacing-unit: 1.2rem;
  --shadow-sm: 0 2px 8px rgba(107, 142, 35, 0.10);
  --shadow-md: 0 10px 28px rgba(63, 122, 59, 0.16);
  --shadow-lg: 0 26px 60px rgba(63, 122, 59, 0.22);
  --card-shadow: 0 0 0 1px rgba(107,142,35,0.16), 0 12px 32px rgba(63,122,59,0.18);
  --card-shadow-hover: 0 0 0 1px rgba(107,142,35,0.24), 0 18px 48px rgba(63,122,59,0.26);
  --section-shadow: inset 0 1px 0 rgba(107,142,35,0.10);
}

.theme-tech-neon {
  --primary-bg: #0b0b0e;
  --secondary-bg: #0f172a;
  --accent-bg: #0a1020;
  --primary-text: #e5e7eb;
  --secondary-text: #94a3b8;
  --accent-text: #ffffff;
  --primary-accent: #22d3ee; 
  --primary-accent-soft: rgba(34, 211, 238, 0.1);
  --secondary-accent: #f472b6; 
  --border-color: transparent;
  --shadow-color: rgba(34, 211, 238, 0.35);
  --gradient-1: linear-gradient(135deg, #0b0b0e 0%, #0f172a 50%, #0a1020 100%);
  --gradient-2: linear-gradient(135deg, #22d3ee 0%, #f472b6 100%);
  --features2-bg: linear-gradient(135deg, #0b0b0e 0%, #0f172a 100%);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 16px;
  --button-radius: 12px;
  --card-radius: 20px;
  --spacing-unit: 1.2rem;
  --shadow-sm: 0 0 0 1px rgba(34,211,238,0.20), 0 6px 20px rgba(0,0,0,0.45);
  --shadow-md: 0 0 0 1px rgba(34,211,238,0.28), 0 12px 36px rgba(0,0,0,0.55);
  --shadow-lg: 0 0 0 1px rgba(34,211,238,0.35), 0 26px 64px rgba(0,0,0,0.65);
  --card-shadow: 0 0 0 1px rgba(34,211,238,0.28), 0 10px 34px rgba(0,0,0,0.6), 0 0 24px rgba(244,114,182,0.25) inset;
  --card-shadow-hover: 0 0 0 1px rgba(244,114,182,0.40), 0 16px 52px rgba(0,0,0,0.7), 0 0 36px rgba(34,211,238,0.35) inset;
  --section-shadow: inset 0 1px 0 rgba(255,255,255,0.05), inset 0 -1px 0 rgba(0,0,0,0.35);
}

.theme-desert-sand {
  --primary-bg: #faf7f2;
  --secondary-bg: #f4efe8;
  --accent-bg: #eae2d6;
  --primary-text: #3e2f26;
  --secondary-text: #6b5b51;
  --accent-text: #2a1f19;
  --primary-accent: #c49a6c; 
  --primary-accent-soft: rgba(196, 154, 108, 0.1);
  --secondary-accent: #a67c52; 
  --border-color: #e0d6c8;
  --shadow-color: rgba(166, 124, 82, 0.12);
  --gradient-1: linear-gradient(135deg, #faf7f2 0%, #f4efe8 100%);
  --gradient-2: linear-gradient(135deg, #c49a6c 0%, #a67c52 100%);
  --features2-bg: linear-gradient(135deg, #a67c52 0%, #8b5e3c 100%);
  --font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Merriweather', Georgia, 'Times New Roman', serif;
  --border-radius: 6px;
  --button-radius: 6px;
  --card-radius: 8px;
  --spacing-unit: 1.3rem;
  --shadow-sm: 0 2px 6px rgba(166, 124, 82, 0.08);
  --shadow-md: 0 8px 20px rgba(166, 124, 82, 0.14);
  --shadow-lg: 0 20px 40px rgba(166, 124, 82, 0.18);
}

.theme-bold-monochrome {
  --primary-bg: #ffffff;
  --secondary-bg: #f5f5f5;
  --accent-bg: #eaeaea;
  --primary-text: #000000;
  --secondary-text: #333333;
  --accent-text: #000000;
  --primary-accent: #000000;
  --primary-accent-soft: rgba(0, 0, 0, 0.1);
  --secondary-accent: #555555;
  --border-color: #cccccc;
  --shadow-color: rgba(0, 0, 0, 0.12);
  --gradient-1: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
  --gradient-2: linear-gradient(135deg, #000000 0%, #333333 100%);
  --features2-bg: linear-gradient(135deg, #000000 0%, #222222 100%);
  --font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 0px; 
  --button-radius: 0px;
  --card-radius: 2px;
  --spacing-unit: 1.1rem;
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.12);
  --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.18);
  --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.24);
}

.theme-sunset-gradient {
  --primary-bg: #fff7f5;
  --secondary-bg: #ffeaea;
  --accent-bg: #ffe0f0;
  --primary-text: #3d1f1f;
  --secondary-text: #5e3a3a;
  --accent-text: #2a1515;
  --primary-accent: #ff7f50; 
  --primary-accent-soft: rgba(255, 127, 80, 0.1);
  --secondary-accent: #ff1493; 
  --border-color: #ffd1d1;
  --shadow-color: rgba(255, 127, 80, 0.14);
  --gradient-1: linear-gradient(135deg, #ff7f50 0%, #ff1493 50%, #9370db 100%);
  --gradient-2: linear-gradient(135deg, #ff9966 0%, #ff5e62 100%);
  --features2-bg: linear-gradient(135deg, #ff7f50 0%, #ff1493 100%);
  --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 10px;
  --button-radius: 9999px;
  --card-radius: 14px;
  --spacing-unit: 1.2rem;
  --shadow-sm: 0 2px 6px rgba(255, 127, 80, 0.08);
  --shadow-md: 0 8px 20px rgba(255, 127, 80, 0.14);
  --shadow-lg: 0 20px 40px rgba(255, 127, 80, 0.18);
}

.theme-cyber-grid {
  --primary-bg: #0a0d12;
  --secondary-bg: #0f141a;
  --accent-bg: #131a21;
  --primary-text: #e4e6ea;
  --secondary-text: #94a3b8;
  --accent-text: #ffffff;
  --primary-accent: #22d3ee; 
  --primary-accent-soft: rgba(34, 211, 238, 0.1);
  --secondary-accent: #06b6d4;
  --border-color: rgba(34, 211, 238, 0.2);
  --shadow-color: rgba(34, 211, 238, 0.25);
  --gradient-1: linear-gradient(135deg, #0a0d12 0%, #0f141a 50%, #131a21 100%);
  --gradient-2: linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%);
  --features2-bg: linear-gradient(135deg, #0a0d12 0%, #0f141a 100%);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 12px;
  --button-radius: 10px;
  --card-radius: 16px;
  --spacing-unit: 1.2rem;
  --shadow-sm: 0 0 0 1px rgba(34, 211, 238, 0.15), 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 0 0 1px rgba(34, 211, 238, 0.2), 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 0 0 1px rgba(34, 211, 238, 0.25), 0 25px 60px rgba(0, 0, 0, 0.1);
}

.theme-candy-shop {
  --primary-bg: #fff9f9;
  --secondary-bg: #fff0f6;
  --accent-bg: #f0f4ff;
  --primary-text: #3f3f46;
  --secondary-text: #6b7280;
  --accent-text: #1f2937;
  --primary-accent: #ff66b3; 
  --primary-accent-soft: rgba(255, 102, 179, 0.1);
  --secondary-accent: #66ccff; 
  --border-color: #ffe0eb;
  --shadow-color: rgba(255, 102, 179, 0.14);
  --gradient-1: linear-gradient(135deg, #ff66b3 0%, #66ccff 100%);
  --gradient-2: linear-gradient(135deg, #ffd1dc 0%, #c1e1ff 100%);
  --features2-bg: linear-gradient(135deg, #ff66b3 0%, #66ccff 100%);
  --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 16px;
  --button-radius: 9999px;
  --card-radius: 20px;
  --spacing-unit: 1.3rem;
  --shadow-sm: 0 2px 6px rgba(255, 102, 179, 0.08);
  --shadow-md: 0 8px 20px rgba(255, 102, 179, 0.14);
  --shadow-lg: 0 20px 40px rgba(255, 102, 179, 0.18);
}

.theme-soft-pastel-saas {
  --primary-bg: #fdf8f3; 
  --secondary-bg: #fff5eb; 
  --accent-bg: #e8f5f1; 
  --primary-text: #1f1f1f; 
  --secondary-text: #6b6b6b; 
  --accent-text: #0f0f0f;
  --primary-accent: #ff6b5a; 
  --primary-accent-soft: rgba(255, 107, 90, 0.12);
  --secondary-accent: #e8513f; 
  --border-color: #ede4db;
  --shadow-color: rgba(0, 0, 0, 0.08);
  --gradient-1: linear-gradient(135deg, #fdf8f3 0%, #fff5eb 100%);
  --gradient-2: linear-gradient(135deg, #ff6b5a 0%, #ff8f7e 100%);
  --features2-bg: linear-gradient(135deg, #ffded8 0%, #ffe8d5 100%); 
  --button-on-gradient: #1f1f1f;
  --button-on-gradient-border: rgba(31, 31, 31, 0.2);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
  --border-radius: 16px;
  --button-radius: 50px; 
  --card-radius: 20px;
  --spacing-unit: 1.6rem; 
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.08);
  --card-shadow: 0 3px 10px rgba(255, 107, 90, 0.08);
  --card-shadow-hover: 0 6px 20px rgba(255, 107, 90, 0.12);
  --section-shadow: none;
}

.theme-dreamy-blush {
  --primary-bg: #fff9fd; 
  --secondary-bg: #ffe8f5; 
  --accent-bg: #f5e8ff; 
  --primary-text: #3d2942; 
  --secondary-text: #8b7a8f; 
  --accent-text: #2a1a2e;
  --primary-accent: #d946ef; 
  --primary-accent-soft: rgba(217, 70, 239, 0.1);
  --secondary-accent: #c026d3; 
  --border-color: #f8d7f0;
  --shadow-color: rgba(217, 70, 239, 0.12);
  --gradient-1: linear-gradient(135deg, #fff9fd 0%, #ffe8f5 50%, #f5e8ff 100%);
  --gradient-2: linear-gradient(135deg, #d946ef 0%, #f0abfc 100%);
  --features2-bg: linear-gradient(135deg, #fce7f3 0%, #f3e8ff 100%);
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.9);
  --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 20px;
  --button-radius: 50px; 
  --card-radius: 24px;
  --spacing-unit: 1.5rem;
  --shadow-sm: 0 2px 8px rgba(244, 114, 182, 0.08);
  --shadow-md: 0 8px 24px rgba(244, 114, 182, 0.12);
  --shadow-lg: 0 20px 48px rgba(244, 114, 182, 0.16);
  --card-shadow: 0 4px 12px rgba(217, 70, 239, 0.1);
  --card-shadow-hover: 0 8px 24px rgba(217, 70, 239, 0.15);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.theme-dark-crimson {
  --primary-bg: #0a0a0a; 
  --secondary-bg: #1a1414; 
  --accent-bg: #2a1f1f; 
  --primary-text: #f5f5f5; 
  --secondary-text: #b8b8b8; 
  --accent-text: #ffffff;
  --primary-accent: #df2531; 
  --primary-accent-soft: rgba(223, 37, 49, 0.15);
  --secondary-accent: #ff4444; 
  --border-color: rgba(223, 37, 49, 0.3);
  --shadow-color: rgba(223, 37, 49, 0.3);
  --gradient-1: linear-gradient(135deg, #0a0a0a 0%, #1a1414 100%);
  --gradient-2: linear-gradient(135deg, #df2531 0%, #ff4444 100%);
  --features2-bg: linear-gradient(135deg, #1a1414 0%, #2a1f1f 100%);
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.8);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 12px;
  --button-radius: 8px;
  --card-radius: 16px;
  --spacing-unit: 1.3rem;
  --shadow-sm: 0 0 0 1px rgba(223, 37, 49, 0.2), 0 4px 16px rgba(0, 0, 0, 0.6);
  --shadow-md: 0 0 0 1px rgba(223, 37, 49, 0.3), 0 8px 32px rgba(0, 0, 0, 0.7);
  --shadow-lg: 0 0 0 1px rgba(223, 37, 49, 0.4), 0 24px 60px rgba(0, 0, 0, 0.8);
  --card-shadow: 0 0 0 1px rgba(223, 37, 49, 0.25), 0 8px 28px rgba(0, 0, 0, 0.7), 0 0 16px rgba(223, 37, 49, 0.15) inset;
  --card-shadow-hover: 0 0 0 1px rgba(255, 68, 68, 0.4), 0 12px 40px rgba(0, 0, 0, 0.8), 0 0 24px rgba(223, 37, 49, 0.25) inset;
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
}

.theme-tropical-jade {
  --primary-bg: #ffffff;
  --secondary-bg: #f0fafa; 
  --accent-bg: #e8f7f7; 
  --primary-text: #0a3d42; 
  --secondary-text: #4a7a7e; 
  --accent-text: #073338;
  --primary-accent: #23ced9; 
  --primary-accent-soft: rgba(35, 206, 217, 0.12);
  --secondary-accent: #097c87; 
  --border-color: #b8e4e7;
  --shadow-color: rgba(35, 206, 217, 0.15);
  --gradient-1: linear-gradient(135deg, #ffffff 0%, #f0fafa 50%, #e8f7f7 100%);
  --gradient-2: linear-gradient(135deg, #23ced9 0%, #097c87 100%);
  --features2-bg: linear-gradient(135deg, #fca47c 0%, #f9d779 50%, #23ced9 100%); 
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.9);
  --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 16px;
  --button-radius: 50px; 
  --card-radius: 20px;
  --spacing-unit: 1.4rem;
  --shadow-sm: 0 2px 8px rgba(9, 124, 135, 0.08);
  --shadow-md: 0 6px 20px rgba(9, 124, 135, 0.12);
  --shadow-lg: 0 20px 40px rgba(9, 124, 135, 0.15);
  --card-shadow: 0 3px 12px rgba(35, 206, 217, 0.1);
  --card-shadow-hover: 0 6px 24px rgba(35, 206, 217, 0.15);
  --section-shadow: none;
}

.theme-neon-pink-midnight {
  --primary-bg: #0d0d0d; 
  --secondary-bg: #1a0f1a; 
  --accent-bg: #2a1a2a; 
  --primary-text: #f5f5f5; 
  --secondary-text: #c0b5c0; 
  --accent-text: #ffffff;
  --primary-accent: #ff2b9f; 
  --primary-accent-soft: rgba(255, 43, 159, 0.15);
  --secondary-accent: #ff66b8; 
  --border-color: rgba(255, 43, 159, 0.3);
  --shadow-color: rgba(255, 43, 159, 0.35);
  --gradient-1: linear-gradient(135deg, #0d0d0d 0%, #1a0f1a 50%, #2a1a2a 100%);
  --gradient-2: linear-gradient(135deg, #ff2b9f 0%, #ff66b8 50%, #da1884 100%);
  --features2-bg: linear-gradient(135deg, #1a0f1a 0%, #2a1a2a 100%);
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.9);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 16px;
  --button-radius: 50px; 
  --card-radius: 20px;
  --spacing-unit: 1.3rem;
  --shadow-sm: 0 0 0 1px rgba(255, 43, 159, 0.25), 0 4px 16px rgba(0, 0, 0, 0.6);
  --shadow-md: 0 0 0 1px rgba(255, 43, 159, 0.35), 0 8px 32px rgba(0, 0, 0, 0.7);
  --shadow-lg: 0 0 0 1px rgba(255, 43, 159, 0.45), 0 24px 60px rgba(0, 0, 0, 0.8);
  --card-shadow: 0 0 0 1px rgba(255, 43, 159, 0.3), 0 8px 28px rgba(0, 0, 0, 0.7), 0 0 20px rgba(255, 43, 159, 0.2) inset;
  --card-shadow-hover: 0 0 0 1px rgba(255, 102, 184, 0.5), 0 12px 40px rgba(0, 0, 0, 0.8), 0 0 32px rgba(255, 43, 159, 0.3) inset;
  --section-shadow: inset 0 1px 0 rgba(255, 43, 159, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
}

.theme-matrix-code {
  --primary-bg: #0a0a0a; 
  --secondary-bg: #0f1f0f; 
  --accent-bg: #1a2a1a; 
  --primary-text: #e8f5e9; 
  --secondary-text: #a5d6a7; 
  --accent-text: #ffffff;
  --primary-accent: #00ff88; 
  --primary-accent-soft: rgba(0, 255, 136, 0.12);
  --secondary-accent: #00e676; 
  --border-color: rgba(0, 255, 136, 0.25);
  --shadow-color: rgba(0, 255, 136, 0.3);
  --gradient-1: linear-gradient(135deg, #0a0a0a 0%, #0f1f0f 50%, #1a2a1a 100%);
  --gradient-2: linear-gradient(135deg, #00ff88 0%, #00e676 100%);
  --features2-bg: linear-gradient(135deg, #0f1f0f 0%, #1a2a1a 100%);
  --button-on-gradient: #0a0a0a;
  --button-on-gradient-border: rgba(10, 10, 10, 0.8);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 16px;
  --button-radius: 50px; 
  --card-radius: 20px;
  --spacing-unit: 1.3rem;
  --shadow-sm: 0 0 0 1px rgba(0, 255, 136, 0.2), 0 4px 16px rgba(0, 0, 0, 0.7);
  --shadow-md: 0 0 0 1px rgba(0, 255, 136, 0.3), 0 8px 32px rgba(0, 0, 0, 0.8);
  --shadow-lg: 0 0 0 1px rgba(0, 255, 136, 0.4), 0 24px 60px rgba(0, 0, 0, 0.85);
  --card-shadow: 0 0 0 1px rgba(0, 255, 136, 0.25), 0 8px 28px rgba(0, 0, 0, 0.75), 0 0 18px rgba(0, 255, 136, 0.15) inset;
  --card-shadow-hover: 0 0 0 1px rgba(0, 230, 118, 0.45), 0 12px 40px rgba(0, 0, 0, 0.85), 0 0 28px rgba(0, 255, 136, 0.25) inset;
  --section-shadow: inset 0 1px 0 rgba(0, 255, 136, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.6);
}

.theme-peach-mint-delight {
  --primary-bg: #fefdfb; 
  --secondary-bg: #fff8f0; 
  --accent-bg: #f0fff4; 
  --primary-text: #3f3f46; 
  --secondary-text: #6b7280; 
  --accent-text: #1f2937; 
  --primary-accent: #ffa366; 
  --primary-accent-soft: rgba(255, 163, 102, 0.1);
  --secondary-accent: #66d9b3; 
  --border-color: #ffe8d6; 
  --shadow-color: rgba(255, 163, 102, 0.14);
  --gradient-1: linear-gradient(135deg, #ffa366 0%, #66d9b3 100%); 
  --gradient-2: linear-gradient(135deg, #ffd6ba 0%, #b8f0d9 100%); 
  --features2-bg: linear-gradient(135deg, #ffa366 0%, #66d9b3 100%);
  --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 16px;
  --button-radius: 9999px; 
  --card-radius: 20px;
  --spacing-unit: 1.3rem;
  --shadow-sm: 0 2px 6px rgba(255, 163, 102, 0.08);
  --shadow-md: 0 8px 20px rgba(255, 163, 102, 0.14);
  --shadow-lg: 0 20px 40px rgba(255, 163, 102, 0.18);
}

.theme-pastel-dreamland {
  --primary-bg: #fefbff; 
  --secondary-bg: #f8f4fc; 
  --accent-bg: #f0f9ff; 
  --primary-text: #3f2947; 
  --secondary-text: #7a6b84; 
  --accent-text: #2d1b3d;
  --primary-accent: #cdb4db; 
  --primary-accent-soft: rgba(205, 180, 219, 0.15);
  --secondary-accent: #ffafcc; 
  --border-color: #e8dff0; 
  --shadow-color: rgba(205, 180, 219, 0.12);
  --gradient-1: linear-gradient(135deg, #cdb4db 0%, #ffc8dd 50%, #bde0fe 100%); 
  --gradient-2: linear-gradient(135deg, #ffafcc 0%, #a2d2ff 100%); 
  --features2-bg: linear-gradient(135deg, #f8f4fc 0%, #f0f9ff 100%); 
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.9);
  --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 20px;
  --button-radius: 50px; 
  --card-radius: 24px;
  --spacing-unit: 1.5rem;
  --shadow-sm: 0 2px 8px rgba(205, 180, 219, 0.08);
  --shadow-md: 0 8px 24px rgba(205, 180, 219, 0.12);
  --shadow-lg: 0 20px 48px rgba(205, 180, 219, 0.16);
  --card-shadow: 0 4px 12px rgba(205, 180, 219, 0.1);
  --card-shadow-hover: 0 8px 24px rgba(255, 175, 204, 0.15);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.theme-golden-twilight {
  --primary-bg: #000814; 
  --secondary-bg: #001d3d; 
  --accent-bg: #003566; 
  --primary-text: #f8f9fa; 
  --secondary-text: #cbd5e1; 
  --accent-text: #ffffff;
  --primary-accent: #ffc300; 
  --primary-accent-soft: rgba(255, 195, 0, 0.12);
  --secondary-accent: #ffd60a; 
  --border-color: rgba(255, 195, 0, 0.2);
  --shadow-color: rgba(255, 195, 0, 0.2);
  --gradient-1: linear-gradient(135deg, #000814 0%, #001d3d 50%, #003566 100%); 
  --gradient-2: linear-gradient(135deg, #ffc300 0%, #ffd60a 100%); 
  --features2-bg: linear-gradient(135deg, #001d3d 0%, #003566 100%);
  --button-on-gradient: #000814;
  --button-on-gradient-border: rgba(0, 8, 20, 0.3);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 12px;
  --button-radius: 8px;
  --card-radius: 16px;
  --spacing-unit: 1.3rem;
  --shadow-sm: 0 0 0 1px rgba(255, 195, 0, 0.15), 0 4px 16px rgba(0, 0, 0, 0.6);
  --shadow-md: 0 0 0 1px rgba(255, 195, 0, 0.25), 0 8px 32px rgba(0, 0, 0, 0.7);
  --shadow-lg: 0 0 0 1px rgba(255, 195, 0, 0.35), 0 24px 60px rgba(0, 0, 0, 0.8);
  --card-shadow: 0 0 0 1px rgba(255, 195, 0, 0.2), 0 8px 28px rgba(0, 0, 0, 0.7), 0 0 16px rgba(255, 195, 0, 0.08) inset;
  --card-shadow-hover: 0 0 0 1px rgba(255, 214, 10, 0.4), 0 12px 40px rgba(0, 0, 0, 0.8), 0 0 24px rgba(255, 195, 0, 0.15) inset;
  --section-shadow: inset 0 1px 0 rgba(255, 195, 0, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
}

.theme-sunny-beach-day {
  --primary-bg: #fdfcfb; 
  --secondary-bg: #f9f6f1; 
  --accent-bg: #e8f4f2; 
  --primary-text: #264653; 
  --secondary-text: #5a7380; 
  --accent-text: #1a3540;
  --primary-accent: #2a9d8f; 
  --primary-accent-soft: rgba(42, 157, 143, 0.12);
  --secondary-accent: #e76f51; 
  --border-color: #e9dcc9; 
  --shadow-color: rgba(42, 157, 143, 0.12);
  --gradient-1: linear-gradient(135deg, #2a9d8f 0%, #e9c46a 50%, #e76f51 100%); 
  --gradient-2: linear-gradient(135deg, #e9c46a 0%, #f4a261 50%, #e76f51 100%); 
  --features2-bg: linear-gradient(135deg, #e8f4f2 0%, #fef5e7 100%); 
  --button-on-gradient: #264653;
  --button-on-gradient-border: rgba(38, 70, 83, 0.3);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 16px;
  --button-radius: 24px;
  --card-radius: 20px;
  --spacing-unit: 1.4rem;
  --shadow-sm: 0 2px 8px rgba(42, 157, 143, 0.08);
  --shadow-md: 0 8px 20px rgba(42, 157, 143, 0.12);
  --shadow-lg: 0 20px 40px rgba(42, 157, 143, 0.15);
  --card-shadow: 0 4px 12px rgba(42, 157, 143, 0.1);
  --card-shadow-hover: 0 8px 24px rgba(231, 111, 81, 0.15);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.theme-warm-autumn-glow {
  --primary-bg: #fffcf7; 
  --secondary-bg: #fef9ee; 
  --accent-bg: #fff5e6; 
  --primary-text: #003049; 
  --secondary-text: #3d5a6b; 
  --accent-text: #001f2e;
  --primary-accent: #d62828; 
  --primary-accent-soft: rgba(214, 40, 40, 0.1);
  --secondary-accent: #f77f00; 
  --border-color: #f5e8d0; 
  --shadow-color: rgba(247, 127, 0, 0.12);
  --gradient-1: linear-gradient(135deg, #d62828 0%, #f77f00 50%, #fcbf49 100%); 
  --gradient-2: linear-gradient(135deg, #f77f00 0%, #fcbf49 50%, #eae2b7 100%); 
  --features2-bg: linear-gradient(135deg, #fff5e6 0%, #fef9ee 100%); 
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.9);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 16px;
  --button-radius: 28px;
  --card-radius: 20px;
  --spacing-unit: 1.4rem;
  --shadow-sm: 0 2px 8px rgba(247, 127, 0, 0.08);
  --shadow-md: 0 8px 20px rgba(247, 127, 0, 0.12);
  --shadow-lg: 0 20px 40px rgba(247, 127, 0, 0.16);
  --card-shadow: 0 4px 12px rgba(247, 127, 0, 0.1);
  --card-shadow-hover: 0 8px 24px rgba(214, 40, 40, 0.15);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.theme-soft-lavender {
  --primary-bg: #f2e9e4; 
  --secondary-bg: #faf6f3; 
  --accent-bg: #e8ddd8; 
  --primary-text: #22223b; 
  --secondary-text: #4a4e69; 
  --accent-text: #1a1a2e;
  --primary-accent: #9a8c98; 
  --primary-accent-soft: rgba(154, 140, 152, 0.15);
  --secondary-accent: #c9ada7; 
  --border-color: #dccdc5; 
  --shadow-color: rgba(154, 140, 152, 0.12);
  --gradient-1: linear-gradient(135deg, #22223b 0%, #4a4e69 50%, #9a8c98 100%); 
  --gradient-2: linear-gradient(135deg, #9a8c98 0%, #c9ada7 50%, #f2e9e4 100%); 
  --features2-bg: linear-gradient(135deg, #e8ddd8 0%, #faf6f3 100%); 
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.9);
  --font-family: 'Playfair Display', Georgia, serif;
  --heading-font: 'Playfair Display', Georgia, serif;
  --border-radius: 12px;
  --button-radius: 30px;
  --card-radius: 16px;
  --spacing-unit: 1.5rem;
  --shadow-sm: 0 2px 8px rgba(154, 140, 152, 0.08);
  --shadow-md: 0 8px 20px rgba(154, 140, 152, 0.12);
  --shadow-lg: 0 20px 40px rgba(154, 140, 152, 0.16);
  --card-shadow: 0 4px 12px rgba(154, 140, 152, 0.1);
  --card-shadow-hover: 0 8px 24px rgba(201, 173, 167, 0.15);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.theme-black-gold-elegance {
  --primary-bg: #ffffff; 
  --secondary-bg: #f8f8f8; 
  --accent-bg: #e5e5e5; 
  --primary-text: #000000; 
  --secondary-text: #14213d; 
  --accent-text: #000000;
  --primary-accent: #fca311; 
  --primary-accent-soft: rgba(252, 163, 17, 0.1);
  --secondary-accent: #14213d; 
  --border-color: #e5e5e5; 
  --shadow-color: rgba(0, 0, 0, 0.15);
  --gradient-1: linear-gradient(135deg, #000000 0%, #14213d 50%, #fca311 100%); 
  --gradient-2: linear-gradient(135deg, #14213d 0%, #fca311 100%); 
  --features2-bg: linear-gradient(135deg, #f8f8f8 0%, #e5e5e5 100%);
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.9);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 8px;
  --button-radius: 6px;
  --card-radius: 12px;
  --spacing-unit: 1.3rem;
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 16px 32px rgba(0, 0, 0, 0.16);
  --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  --card-shadow-hover: 0 8px 24px rgba(252, 163, 17, 0.15);
  --section-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
}

.theme-bold-berry {
  --primary-bg: #fffbf8; 
  --secondary-bg: #fef5f0; 
  --accent-bg: #f9dbbد; 
  --primary-text: #450920; 
  --secondary-text: #a53860; 
  --accent-text: #2d0615;
  --primary-accent: #da627d; 
  --primary-accent-soft: rgba(218, 98, 125, 0.12);
  --secondary-accent: #ffa5ab; 
  --border-color: #f9dbbد; 
  --shadow-color: rgba(218, 98, 125, 0.12);
  --gradient-1: linear-gradient(135deg, #450920 0%, #a53860 33%, #da627d 66%, #ffa5ab 100%); 
  --gradient-2: linear-gradient(135deg, #da627d 0%, #ffa5ab 50%, #f9dbbد 100%); 
  --features2-bg: linear-gradient(135deg, #fef5f0 0%, #f9dbbد 100%);
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.9);
  --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 20px;
  --button-radius: 50px;
  --card-radius: 24px;
  --spacing-unit: 1.5rem;
  --shadow-sm: 0 2px 8px rgba(218, 98, 125, 0.08);
  --shadow-md: 0 8px 20px rgba(218, 98, 125, 0.12);
  --shadow-lg: 0 20px 40px rgba(218, 98, 125, 0.16);
  --card-shadow: 0 4px 12px rgba(218, 98, 125, 0.1);
  --card-shadow-hover: 0 8px 24px rgba(165, 56, 96, 0.15);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.theme-earthy-tones {
  --primary-bg: #fffef8; 
  --secondary-bg: #fefee3; 
  --accent-bg: #f5f3e8; 
  --primary-text: #2c6e49; 
  --secondary-text: #4c956c; 
  --accent-text: #1a4d2e;
  --primary-accent: #d68c45; 
  --primary-accent-soft: rgba(214, 140, 69, 0.12);
  --secondary-accent: #ffc9b9; 
  --border-color: #e8e5d5; 
  --shadow-color: rgba(76, 149, 108, 0.12);
  --gradient-1: linear-gradient(135deg, #2c6e49 0%, #4c956c 50%, #d68c45 100%); 
  --gradient-2: linear-gradient(135deg, #fefee3 0%, #ffc9b9 50%, #d68c45 100%); 
  --features2-bg: linear-gradient(135deg, #fefee3 0%, #ffc9b9 100%); 
  --button-on-gradient: #2c6e49;
  --button-on-gradient-border: rgba(44, 110, 73, 0.3);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 16px;
  --button-radius: 28px;
  --card-radius: 20px;
  --spacing-unit: 1.4rem;
  --shadow-sm: 0 2px 8px rgba(76, 149, 108, 0.08);
  --shadow-md: 0 8px 20px rgba(76, 149, 108, 0.12);
  --shadow-lg: 0 20px 40px rgba(76, 149, 108, 0.15);
  --card-shadow: 0 4px 12px rgba(76, 149, 108, 0.1);
  --card-shadow-hover: 0 8px 24px rgba(214, 140, 69, 0.15);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.theme-bold-hues {
  --primary-bg: #fafbfd; 
  --secondary-bg: #f5f7fa; 
  --accent-bg: #eef1f6; 
  --primary-text: #1a1d2e; 
  --secondary-text: #3a0ca3; 
  --accent-text: #0f0f1e;
  --primary-accent: #f72585; 
  --primary-accent-soft: rgba(247, 37, 133, 0.1);
  --secondary-accent: #4cc9f0; 
  --border-color: #e0e4eb; 
  --shadow-color: rgba(67, 97, 238, 0.15);
  --gradient-1: linear-gradient(135deg, #f72585 0%, #7209b7 25%, #3a0ca3 50%, #4361ee 75%, #4cc9f0 100%); 
  --gradient-2: linear-gradient(135deg, #7209b7 0%, #4361ee 50%, #4cc9f0 100%); 
  --features2-bg: linear-gradient(135deg, #f5f7fa 0%, #eef1f6 100%);
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.95);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 8px;
  --button-radius: 6px;
  --card-radius: 12px;
  --spacing-unit: 1.2rem;
  --shadow-sm: 0 2px 6px rgba(67, 97, 238, 0.08);
  --shadow-md: 0 6px 16px rgba(67, 97, 238, 0.12);
  --shadow-lg: 0 16px 32px rgba(67, 97, 238, 0.16);
  --card-shadow: 0 3px 10px rgba(67, 97, 238, 0.1);
  --card-shadow-hover: 0 6px 20px rgba(247, 37, 133, 0.18);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.theme-deep-sea {
  --primary-bg: #1b3b6f; 
  --secondary-bg: #21295c; 
  --accent-bg: #065a82; 
  --primary-text: #f0f4f8; 
  --secondary-text: #9eb3c2; 
  --accent-text: #ffffff; 
  --primary-accent: #1c7293; 
  --primary-accent-soft: rgba(28, 114, 147, 0.2);
  --secondary-accent: #9eb3c2; 
  --border-color: rgba(158, 179, 194, 0.2); 
  --shadow-color: rgba(0, 0, 0, 0.3);
  --gradient-1: linear-gradient(135deg, #21295c 0%, #1b3b6f 33%, #065a82 66%, #1c7293 100%); 
  --gradient-2: linear-gradient(135deg, #065a82 0%, #1c7293 50%, #9eb3c2 100%); 
  --features2-bg: linear-gradient(135deg, #21295c 0%, #065a82 100%);
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.95);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 4px;
  --button-radius: 4px;
  --card-radius: 8px;
  --spacing-unit: 1.2rem;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.4);
  --card-shadow: 0 4px 16px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(158, 179, 194, 0.1);
  --card-shadow-hover: 0 8px 28px rgba(28, 114, 147, 0.3), 0 0 0 1px rgba(28, 114, 147, 0.3);
  --section-shadow: inset 0 1px 0 rgba(158, 179, 194, 0.1);
}

.theme-warm-sage {
  --primary-bg: #fdfbf8; 
  --secondary-bg: #f5e0b7; 
  --accent-bg: #e8f4ee; 
  --primary-text: #211a1d; 
  --secondary-text: #857e7b; 
  --accent-text: #1a1416;
  --primary-accent: #8bbf9f; 
  --primary-accent-soft: rgba(139, 191, 159, 0.12);
  --secondary-accent: #d6ba73; 
  --border-color: #e6d7c3; 
  --shadow-color: rgba(139, 191, 159, 0.12);
  --gradient-1: linear-gradient(135deg, #f5e0b7 0%, #d6ba73 33%, #8bbf9f 66%, #857e7b 100%); 
  --gradient-2: linear-gradient(135deg, #8bbf9f 0%, #d6ba73 50%, #f5e0b7 100%); 
  --features2-bg: linear-gradient(135deg, #f5e0b7 0%, #e8f4ee 100%); 
  --button-on-gradient: #211a1d;
  --button-on-gradient-border: rgba(33, 26, 29, 0.3);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 12px;
  --button-radius: 20px;
  --card-radius: 16px;
  --spacing-unit: 1.4rem;
  --shadow-sm: 0 2px 8px rgba(139, 191, 159, 0.08);
  --shadow-md: 0 8px 20px rgba(139, 191, 159, 0.12);
  --shadow-lg: 0 20px 40px rgba(139, 191, 159, 0.15);
  --card-shadow: 0 4px 12px rgba(139, 191, 159, 0.1);
  --card-shadow-hover: 0 8px 24px rgba(214, 186, 115, 0.15);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.theme-misty-steel {
  --primary-bg: #ffffff; 
  --secondary-bg: #f8fbfd; 
  --accent-bg: #cee5f2; 
  --primary-text: #536b78; 
  --secondary-text: #637081; 
  --accent-text: #3d4f5a;
  --primary-accent: #7c98b3; 
  --primary-accent-soft: rgba(124, 152, 179, 0.12);
  --secondary-accent: #accbe1; 
  --border-color: #dce9f1; 
  --shadow-color: rgba(124, 152, 179, 0.12);
  --gradient-1: linear-gradient(135deg, #cee5f2 0%, #accbe1 25%, #7c98b3 50%, #637081 75%, #536b78 100%); 
  --gradient-2: linear-gradient(135deg, #7c98b3 0%, #accbe1 50%, #cee5f2 100%); 
  --features2-bg: linear-gradient(135deg, #f8fbfd 0%, #cee5f2 100%); 
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.95);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 12px;
  --button-radius: 24px;
  --card-radius: 16px;
  --spacing-unit: 1.4rem;
  --shadow-sm: 0 2px 8px rgba(124, 152, 179, 0.08);
  --shadow-md: 0 8px 20px rgba(124, 152, 179, 0.12);
  --shadow-lg: 0 20px 40px rgba(124, 152, 179, 0.15);
  --card-shadow: 0 4px 12px rgba(124, 152, 179, 0.1);
  --card-shadow-hover: 0 8px 24px rgba(124, 152, 179, 0.15);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.theme-frozen-dreams {
  --primary-bg: #ffffff; 
  --secondary-bg: #f8f9ff; 
  --accent-bg: #d8e1ff; 
  --primary-text: #2d2438; 
  --secondary-text: #5d4d6a; 
  --accent-text: #1f1829;
  --primary-accent: #69ddff; 
  --primary-accent-soft: rgba(105, 221, 255, 0.15);
  --secondary-accent: #96cdff; 
  --border-color: #69ddff; 
  --shadow-color: rgba(150, 205, 255, 0.2);
  --gradient-1: linear-gradient(135deg, #69ddff 0%, #96cdff 25%, #d8e1ff 50%, #dbbadد 75%, #be92a2 100%); 
  --gradient-2: linear-gradient(135deg, #d8e1ff 0%, #dbbadد 50%, #be92a2 100%); 
  --features2-bg: linear-gradient(135deg, #f8f9ff 0%, #d8e1ff 100%); 
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.9);
  --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 20px;
  --button-radius: 50px;
  --card-radius: 24px;
  --spacing-unit: 1.6rem;
  --shadow-sm: 0 2px 10px rgba(150, 205, 255, 0.12);
  --shadow-md: 0 8px 24px rgba(150, 205, 255, 0.18);
  --shadow-lg: 0 20px 48px rgba(150, 205, 255, 0.22);
  --card-shadow: 0 4px 16px rgba(150, 205, 255, 0.15);
  --card-shadow-hover: 0 8px 28px rgba(105, 221, 255, 0.25);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.theme-purple-haze {
  --primary-bg: #0f0f14; 
  --secondary-bg: #1a1a23; 
  --accent-bg: #16161d; 
  --primary-text: #ffffff; 
  --secondary-text: #b8b8c8; 
  --accent-text: #ffffff;
  --primary-accent: #a855f7; 
  --primary-accent-soft: rgba(168, 85, 247, 0.15);
  --secondary-accent: #ec4899; 
  --border-color: rgba(168, 85, 247, 0.3); 
  --shadow-color: transparent;
  --gradient-1: linear-gradient(135deg, #a855f7 0%, #ec4899 100%); 
  --gradient-2: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #ec4899 100%); 
  --features2-bg: linear-gradient(135deg, #1a1a23 0%, #16161d 100%);
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.2);
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 12px;
  --button-radius: 8px;
  --card-radius: 16px;
  --spacing-unit: 1.3rem;
  --shadow-sm: none; 
  --shadow-md: none; 
  --shadow-lg: none; 
  --card-shadow: 0 0 0 1px rgba(168, 85, 247, 0.2); 
  --card-shadow-hover: 0 0 0 1px rgba(236, 72, 153, 0.4); 
  --section-shadow: none; 
}

.theme-royal-velvet {
  --primary-bg: #fef5f8; 
  --secondary-bg: #fdeef3; 
  --accent-bg: #fce4ec; 
  --primary-text: #44001a; 
  --secondary-text: #600047; 
  --accent-text: #2d0011;
  --primary-accent: #9e0031; 
  --primary-accent-soft: rgba(158, 0, 49, 0.1);
  --secondary-accent: #770058; 
  --border-color: #f5d0dc; 
  --shadow-color: rgba(158, 0, 49, 0.12);
  --gradient-1: linear-gradient(135deg, #9e0031 0%, #8e0045 25%, #770058 50%, #600047 75%, #44001a 100%); 
  --gradient-2: linear-gradient(135deg, #9e0031 0%, #770058 50%, #600047 100%); 
  --features2-bg: linear-gradient(135deg, #fdeef3 0%, #fce4ec 100%); 
  --button-on-gradient: #ffffff;
  --button-on-gradient-border: rgba(255, 255, 255, 0.9);
  --font-family: 'Playfair Display', Georgia, serif;
  --heading-font: 'Playfair Display', Georgia, serif;
  --border-radius: 8px;
  --button-radius: 6px;
  --card-radius: 12px;
  --spacing-unit: 1.4rem;
  --shadow-sm: 0 2px 8px rgba(158, 0, 49, 0.08);
  --shadow-md: 0 8px 20px rgba(158, 0, 49, 0.12);
  --shadow-lg: 0 20px 40px rgba(158, 0, 49, 0.16);
  --card-shadow: 0 4px 16px rgba(158, 0, 49, 0.1);
  --card-shadow-hover: 0 8px 28px rgba(119, 0, 88, 0.15);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.theme-vintage-poster {
  --primary-bg: #f8f3eb; 
  --secondary-bg: #e0cba8; 
  --accent-bg: #ede2d0; 
  --primary-text: #564154; 
  --secondary-text: #88498f; 
  --accent-text: #3d2e3b;
  --primary-accent: #ff6542; 
  --primary-accent-soft: rgba(255, 101, 66, 0.12);
  --secondary-accent: #779fa1; 
  --border-color: #d4c3a8; 
  --shadow-color: rgba(136, 73, 143, 0.12);
  --gradient-1: linear-gradient(135deg, #88498f 0%, #779fa1 33%, #e0cba8 66%, #ff6542 100%); 
  --gradient-2: linear-gradient(135deg, #ff6542 0%, #e0cba8 50%, #779fa1 100%); 
  --features2-bg: linear-gradient(135deg, #ede2d0 0%, #e0cba8 100%); 
  --button-on-gradient: #564154;
  --button-on-gradient-border: rgba(86, 65, 84, 0.3);
  --font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --heading-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 16px;
  --button-radius: 20px;
  --card-radius: 20px;
  --spacing-unit: 1.5rem;
  --shadow-sm: 0 2px 10px rgba(136, 73, 143, 0.08);
  --shadow-md: 0 8px 24px rgba(136, 73, 143, 0.12);
  --shadow-lg: 0 20px 40px rgba(136, 73, 143, 0.15);
  --card-shadow: 0 4px 16px rgba(136, 73, 143, 0.1);
  --card-shadow-hover: 0 8px 28px rgba(255, 101, 66, 0.15);
  --section-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

body {
  background-color: var(--primary-bg);
  color: var(--primary-text);
  font-family: var(--font-family);
  transition: all 0.3s ease;
  line-height: 1.6;
}

.bg-themed-primary { background-color: var(--primary-bg); }
.bg-themed-secondary { 
  background-color: var(--secondary-bg);
  box-shadow: var(--section-shadow, none);
}
.bg-themed-accent { 
  background-color: var(--accent-bg);
  box-shadow: var(--section-shadow, none);
}
.text-on-primary { color: var(--primary-bg); }
.text-themed-primary { color: var(--primary-text); }
.text-themed-secondary { color: var(--secondary-text); }
.text-themed-accent { color: var(--accent-text); }
.text-themed-primary-accent { color: var(--primary-accent); }
.border-themed { border-color: var(--border-color); }
.primary-bg { background-color: var(--primary-bg); }

.gradient-themed-1 { 
  background: var(--gradient-1);
}

.gradient-themed-2 { 
  background: var(--gradient-2);
}

.bg-features2-themed {
  background: var(--features2-bg);
}

.btn-themed {
  background: var(--primary-accent);
  color: var(--primary-bg);
  border-radius: var(--button-radius);
  padding: calc(var(--spacing-unit) * 0.75) calc(var(--spacing-unit) * 1.5);
  font-family: var(--font-family);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: var(--shadow-sm);
  text-decoration: none;
  font-size: 0.95rem;
  letter-spacing: 0.025em;
}

.btn-themed:hover {
  background: var(--secondary-accent);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.btn-themed-outline {
  background: transparent;
  color: var(--primary-accent);
  border: 2px solid var(--primary-accent);
  border-radius: var(--button-radius);
  padding: calc(var(--spacing-unit) * 0.75) calc(var(--spacing-unit) * 1.5);
  font-family: var(--font-family);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  
  font-size: 0.95rem;
  letter-spacing: 0.025em;
}

.btn-themed-outline:hover {
  background: var(--primary-accent);
  color: var(--primary-bg);
  transform: translateY(-2px);
}

.card-themed {
  background: var(--secondary-bg);
  border: 1px solid var(--border-color);
  border-radius: var(--card-radius);
  padding: calc(var(--spacing-unit) * 2);
  box-shadow: var(--card-shadow, var(--shadow-sm));
  transition: all 0.3s ease;
  position: relative;
}

#fp-theme-step-cards .card-themed {
  padding: calc(var(--spacing-unit) * 1);
}

.card-themed:hover {
  box-shadow: var(--card-shadow-hover, var(--shadow-md));
  transform: translateY(-4px);
}

.card-themed-thin {
  background: var(--secondary-bg);
  border-radius: var(--card-radius);
  padding: calc(var(--spacing-unit) * 1);
  box-shadow: var(--card-shadow, var(--shadow-sm));
  transition: all 0.3s ease;
  position: relative;
}

.heading-themed {
  font-family: var(--heading-font);
  color: var(--accent-text);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.theme-selector {
  position: fixed;
  top: 100px;
  right: 20px;
  z-index: 1000;
  background: var(--primary-bg);
  border: 1px solid var(--border-color);
  border-radius: var(--card-radius);
  padding: calc(var(--spacing-unit) * 1.5);
  box-shadow: var(--card-shadow, var(--shadow-lg));
  min-width: 220px;
  max-height: 60vh; 
  overflow: hidden; 
  transition: max-height 0.3s ease, padding 0.3s ease;
}

.theme-selector.collapsed {
  max-height: 60px;
  padding: calc(var(--spacing-unit) * 1);
}

.theme-selector-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.theme-selector-toggle h3 {
  margin: 0;
}

.theme-selector-chevron {
  transition: transform 0.3s ease;
}

.theme-selector.collapsed .theme-selector-chevron {
  transform: rotate(-90deg);
}

.theme-selector-content {
  margin-top: calc(var(--spacing-unit) * 1);
  max-height: calc(60vh - 60px);
  overflow-y: auto;
  transition: opacity 0.3s ease, max-height 0.3s ease;
}

.theme-selector.collapsed .theme-selector-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
}

.theme-button {
  display: block;
  width: 100%;
  padding: calc(var(--spacing-unit) * 0.75);
  margin-bottom: calc(var(--spacing-unit) * 0.5);
  background: var(--accent-bg);
  color: var(--primary-text);
  border: 1px solid var(--border-color);
  border-radius: var(--button-radius);
  cursor: pointer;
  font-family: var(--font-family);
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.2s ease;
  text-align: left;
  box-shadow: var(--card-shadow, none);
}

.theme-button:hover {
  background: var(--primary-accent);
  color: var(--primary-bg);
  transform: translateY(-1px);
}

.theme-button.active {
  background: var(--primary-accent);
  color: var(--primary-bg);
  font-weight: 600;
  box-shadow: var(--shadow-sm);
}

.feature-tab {
  color: var(--primary-text);
  border: 1px solid var(--border-color);
}

.feature-tab:hover {
  background: var(--accent-bg);
  border-color: var(--primary-accent);
}

.feature-tab:hover span,
.feature-tab:hover svg,
.feature-tab:hover svg *{
  color: var(--primary-text) !important;
}

.feature-tab.active,
.feature-tab.active:hover span,
.feature-tab.active:hover svg,
.feature-tab.active:hover svg *
{
  background: var(--primary-accent);
  color: var(--primary-bg) !important;
  border-color: var(--primary-accent);
  box-shadow: 0 10px 25px -5px rgba(var(--primary-accent-rgb), 0.3);
}

.theme-selector label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.theme-selector .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.theme-selector .relative {
  position: relative;
}

.theme-selector .block {
  display: block;
  width: 3.5rem;
  height: 2rem;
  border-radius: 9999px;
  transition: background-color 0.2s;
}

.theme-selector .dot {
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  background-color: white;
  transition: transform 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.fp-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none; 
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
  transition: transform 0.3s ease, opacity 0.3s ease;
  display: none; 
}

footer.has-bg-image .fp-bg,
section.has-bg-image .fp-bg {
  display: block;
}

.fp-bg + *:not(.absolute) {
  position: relative;
}

.fp-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, var(--overlay-opacity, 0.6));
  z-index: 1;
  transition: background-color 0.3s ease;
}

@keyframes fpBgFadeIn {
  from {
    opacity: 0;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.fp-bg-content {
  position: relative;
  z-index: 1;
}

footer.has-bg-image,
section.has-bg-image {
  position: relative;
  overflow: hidden;
}

section.has-bg-image :where(*:not(svg):not(svg *):not(.fp-keep-color):not(.fp-keep-color *):not(.section-menu *):not(.btn-themed)), 
footer.has-bg-image :where(*:not(svg):not(svg *):not(.fp-keep-color):not(.fp-keep-color *):not(.section-menu *):not(.btn-themed)) {
  color: white !important;
}

section.has-bg-image svg *,
footer.has-bg-image svg *{
  color: revert !important;
}

section.has-bg-image > .heading-themed,
section.has-bg-image > .heading-themed *,
footer.has-bg-image > .heading-themed,
footer.has-bg-image > .heading-themed * {
  color: revert !important;
}

section.has-bg-image .btn-themed-outline,
footer.has-bg-image .btn-themed-outline{
  border-color: white !important;
}
section.has-bg-image .card-themed .btn-themed-outline,
footer.has-bg-image .card-themed .btn-themed-outline{
  border-color:var(--primary-accent) !important;
  color: var(--primary-accent) !important;
}

section.has-bg-image .fp-keep-color .heading-themed,
section.has-bg-image .fp-keep-color .heading-themed *,
section.has-bg-image .card-themed .heading-themed,
section.has-bg-image .card-themed .heading-themed *,
 {
  color: var(--accent-text) !important;
}

section.has-bg-image .fp-keep-color .text-themed-primary,
section.has-bg-image .fp-keep-color .text-themed-primary *,
section.has-bg-image .card-themed .text-themed-primary,
section.has-bg-image .card-themed .text-themed-primary * {
  color: var(--primary-text) !important;
}

section.has-bg-image .fp-keep-color .text-themed-secondary,
section.has-bg-image .fp-keep-color .text-themed-secondary *,
section.has-bg-image .card-themed .text-themed-secondary,
section.has-bg-image .card-themed .text-themed-secondary * {
  color: var(--secondary-text) !important;
}

section.has-bg-image .fp-keep-color .text-themed-accent,
section.has-bg-image .fp-keep-color .text-themed-accent *,
section.has-bg-image .card-themed .text-themed-accent,
section.has-bg-image .card-themed .text-themed-accent * {
  color: var(--accent-text) !important;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.animate-fade-in-up {
  animation: fadeInUp 0.6s ease-out;
}

.animate-scroll {
  animation: scroll 20s linear infinite;
}

.slider {
  width: 100%;
  overflow: hidden;
  mask: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
  -webkit-mask: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
}

.slide-track {
  width: fit-content;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font);
  color: var(--accent-text);
  line-height: 1.2;
  letter-spacing: -0.025em;
}

@media (max-width: 768px) {
  .theme-selector {
    right: 10px;
    top: 80px;
    min-width: 180px;
  }
}

.feature-icon {
  width: 32px;
  height: 32px;
  margin: 0 auto 1rem;
  fill: var(--primary-accent);
  transition: all 0.3s ease;
}

.feature-card:hover .feature-icon {
  fill: var(--secondary-accent);
  transform: scale(1.1);
}

.theme-dark-modern .card-themed::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.4), transparent);
  opacity: 0.8;
}

.theme-dark-modern .card-themed {
  background: linear-gradient(135deg, rgba(36, 43, 61, 0.95) 0%, rgba(26, 31, 46, 0.95) 100%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(139, 92, 246, 0.15);
}

.theme-dark-modern .card-themed:hover {
  background: linear-gradient(135deg, rgba(36, 43, 61, 1) 0%, rgba(26, 31, 46, 1) 100%);
  border: 1px solid rgba(139, 92, 246, 0.3);
}

body.theme-dark-modern .card-themed {
  background: var(--secondary-bg);
  border: 1px solid rgba(139, 92, 246, 0.15);
  color: var(--primary-text);
}

body.theme-dark-modern .bg-yellow-50,
body.theme-dark-modern .bg-purple-50,
body.theme-dark-modern .bg-blue-50 {
  background-color: var(--secondary-bg) !important;
  color: var(--primary-text) !important;
}

body.theme-dark-modern .bg-blue-600 {
  background: var(--gradient-2) !important;
}

body.theme-dark-modern .bg-black {
  background: var(--primary-accent) !important;
}

body.theme-dark-modern .text-gray-400 {
  color: var(--primary-accent) !important;
}

body.theme-dark-modern .text-green-500 {
  color: var(--primary-accent) !important;
}

body.theme-dark-modern .text-blue-400 {
  color: var(--primary-accent) !important;
}

body.theme-dark-modern .border-2,
body.theme-dark-modern .border-dashed {
  border-color: rgba(139, 92, 246, 0.3) !important;
}

.text-gray-400 {
  color: var(--primary-accent) !important;
}

.text-blue-400 {
  color: var(--primary-accent) !important;
}

body.theme-dark-modern .theme-corporate-clean,
body.theme-dark-modern .theme-playful-colorful,
body.theme-dark-modern .theme-elegant-serif {
  --primary-bg: #0a0a0f;
  --secondary-bg: #1a1f2e;
  --accent-bg: #242b3d;
  --primary-text: #e4e6ea;
  --secondary-text: #b0b3b8;
  --accent-text: #ffffff;
  --primary-accent: #8b5cf6;
  --secondary-accent: #7c3aed;
}

.features2-icon {
  width: 48px;
  height: 48px;
  stroke: white;
  stroke-width: 1.5;
  margin-bottom: 1.5rem;
}

.features2-card {
  text-align: center;
  max-width: 280px;
  margin: 0 auto;
}

.features2-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: white;
  margin-bottom: 1rem;
  font-family: var(--heading-font);
}

.features2-description {
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
  font-size: 1rem;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
}

.play-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
}

.play-button i {
  color: var(--primary-accent);
  width: 32px;
  height: 32px;
  margin-left: 4px;
}

.inspiration-image {
  position: relative;
  overflow: hidden;
  border-radius: var(--card-radius);
  box-shadow: var(--shadow-lg);
  transition: all 0.3s ease;
}

.inspiration-image:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-lg);
}

.inspiration-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.inspiration-image:hover img {
  transform: scale(1.05);
}

.section .fp-overflow {
  width: 100dvw;
}
.section-outline-content .section .fp-overflow {
  width: 100%;
}

.fp-auto-height .fp-slide, 
.fp-auto-height.fp-section{
  min-height: auto !important;
}

.testimonial-author-card {
  border: 2px solid transparent;
  transition: all 0.3s ease;
}

.testimonial-author-card.active {
  background: var(--secondary-bg) !important;
  border-color: var(--accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.has-bg-image .testimonial-author-card.active {
  background-color: var(--primary-accent-soft) !important;
}

.testimonial-author-card:hover {
  transform: translateX(8px);
}

[data-faq-category] {
  cursor: pointer;
  transition: all 0.3s ease;
}

[data-faq-category]:not(.active-category):hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md) !important;
}

[data-faq-category].active-category {
  background: var(--primary-accent) !important;
  box-shadow: var(--shadow-lg) !important;
  border: none !important;
}

[data-faq-category].active-category h3,
[data-faq-category].active-category p {
  color: var(--primary-bg) !important;
}

[data-faq-category].active-category i {
  color: var(--primary-bg) !important;
}

.faq-answer {
  transition: all 0.3s ease;
}

.faq-item {
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s ease;
}

.faq-item:hover {
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-2px);
}

.faq-item h3,
.faq-item p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
}

.faq-answer {
  width: 100%;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.faq-chevron {
  transition: transform 0.3s ease !important;
}

.testimonial-author-card:hover {
  background-color: var(--primary-accent-soft) !important;
}

#fp-theme-questions-answers .p-6 {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

#fp-theme-questions-answers button {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

#fp-theme-questions-answers h3 {
  width: 100%;
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

#fp-theme-questions-answers p {
  width: 100%;
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

#fp-theme-questions-answers div[class*="mt-4"] {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.animations-enabled .section h1,
.animations-enabled .section h2,
.animations-enabled .section h3,
.animations-enabled .section h4,
.animations-enabled .section h5,
.animations-enabled .section h6,
.animations-enabled .section p:not(a > p),
.animations-enabled .section a:not(p > a),
.animations-enabled .section img,
.animations-enabled .section form,
.animations-enabled .section label,
.animations-enabled .section input,
.animations-enabled .section textarea,
.animations-enabled .section button,
.animations-enabled .section iframe,
.animations-enabled .section .animate-element, 
.animations-enabled .section [data-fp-anim-children] > *{
  opacity: 0;
  transform: translate3d(0, 50px, 0);
}

.fp-overflow {
  padding: 4px 0;
  overflow: hidden;
}

.fp-completely .fp-overflow {
  overflow: hidden;
  animation: fpOverflowReveal 0s linear 0.7s forwards;
}

@keyframes fpOverflowReveal {
  to {
    overflow: auto;
  }
}

.animations-enabled .section .tox-tinymce,
.animations-enabled .section .tox-tinymce *,
.animations-enabled .section .tox-toolbar,
.animations-enabled .section .tox-toolbar *,
.animations-enabled .section .tox-editor-header,
.animations-enabled .section .tox-editor-header *,
.animations-enabled .section .tox-menubar,
.animations-enabled .section .tox-menubar *,
.animations-enabled .section .tox-toolbar__primary,
.animations-enabled .section .tox-toolbar__primary *,
.animations-enabled .section .tox-toolbar__overflow,
.animations-enabled .section .tox-toolbar__overflow *,
.animations-enabled .section .tox-tinymce-aux,
.animations-enabled .section .tox-tinymce-aux * {
  opacity: 1 !important;
  transform: none !important;
}

.animations-enabled .section.fp-completely h1,
.animations-enabled .section.fp-completely h2,
.animations-enabled .section.fp-completely h3,
.animations-enabled .section.fp-completely h4,
.animations-enabled .section.fp-completely h5,
.animations-enabled .section.fp-completely h6,
.animations-enabled .section.fp-completely p:not(a > p),
.animations-enabled .section.fp-completely a:not(p > a),
.animations-enabled .section.fp-completely img,
.animations-enabled .section.fp-completely form,
.animations-enabled .section.fp-completely label,
.animations-enabled .section.fp-completely input,
.animations-enabled .section.fp-completely textarea,
.animations-enabled .section.fp-completely button,
.animations-enabled .section.fp-completely iframe,
.animations-enabled .section.fp-completely .animate-element,
.animations-enabled .section.fp-completely [data-fp-anim-children] > * {
  animation: fromBottom 0.7s ease-out forwards;
}

.animations-enabled .section.fp-completely h1 {
  animation-delay: 0s;
}

.animations-enabled .section.fp-completely h2 {
  animation-delay: 0.1s;
}

.animations-enabled .section.fp-completely h3 {
  animation-delay: 0.2s;
}

.animations-enabled .section.fp-completely h4 {
  animation-delay: 0.25s;
}

.animations-enabled .section.fp-completely h5 {
  animation-delay: 0.3s;
}

.animations-enabled .section.fp-completely h6 {
  animation-delay: 0.35s;
}

.animations-enabled .section.fp-completely p:not(a > p),
.animations-enabled .section.fp-completely svg:not(a > p)  {
  animation-delay: 0.4s;
}

.animations-enabled .section.fp-completely p:not(a > p):nth-of-type(2),
.animations-enabled .section.fp-completely svg:not(a > p):nth-of-type(2)  {
  animation-delay: 0.45s;
}

.animations-enabled .section.fp-completely p:not(a > p):nth-of-type(3),
.animations-enabled .section.fp-completely svg:not(a > p):nth-of-type(3)  {
  animation-delay: 0.5s;
}

.animations-enabled .section.fp-completely p:not(a > p):nth-of-type(4),
.animations-enabled .section.fp-completely svg:not(a > p):nth-of-type(4)  {
  animation-delay: 0.55s;
}

.animations-enabled .section.fp-completely p:not(a > p):nth-of-type(5),
.animations-enabled .section.fp-completely svg:not(a > p):nth-of-type(5)  {
  animation-delay: 0.60s;
}

.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(1) {
  animation-delay: var(--fp-delay-start);
}

.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(2) {
  animation-delay: calc(var(--fp-delay-start) + 0.1s);
}

.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(3) {
  animation-delay: calc(var(--fp-delay-start) + 0.2s);
}

.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(4) {
  animation-delay: calc(var(--fp-delay-start) + 0.3s);
}

.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(5) {
  animation-delay: calc(var(--fp-delay-start) + 0.4s);
}
.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(6) {
  animation-delay: calc(var(--fp-delay-start) + 0.5s);
}

.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(7) {
  animation-delay: calc(var(--fp-delay-start) + 0.6s);
}

.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(8) {
  animation-delay: calc(var(--fp-delay-start) + 0.7s);
}

.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(9) {
  animation-delay: calc(var(--fp-delay-start) + 0.8s);
}

.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(10) {
  animation-delay: calc(var(--fp-delay-start) + 0.9s);
}

.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(11) {
  animation-delay: calc(var(--fp-delay-start) + 1s);
}

.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(12) {
  animation-delay: calc(var(--fp-delay-start) + 1.1s);
}

.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(13) {
  animation-delay: calc(var(--fp-delay-start) + 1.2s);
}

.animations-enabled .section.fp-completely [data-fp-anim-children] > :nth-child(14) {
  animation-delay: calc(var(--fp-delay-start) + 1.3s);
}

.animations-enabled .section.fp-completely a:not(p > a) {
  animation-delay: var(--fp-delay-a);
} 

.animations-enabled .section.fp-completely img {
  animation-delay: var(--fp-delay-img);
}

.animations-enabled .section.fp-completely form {
  animation-delay: var(--fp-delay-form);
}

.animations-enabled .section.fp-completely label {
  animation-delay: var(--fp-delay-label);
}

.animations-enabled .section.fp-completely input:nth-of-type(1) {
  animation-delay: var(--fp-delay-input);
}

.animations-enabled .section.fp-completely input:nth-of-type(2) {
  animation-delay: calc(var(--fp-delay-input) + 0.1s);
}

.animations-enabled .section.fp-completely input:nth-of-type(3) {
  animation-delay: calc(var(--fp-delay-input) + 0.2s);
}

.animations-enabled .section.fp-completely input:nth-of-type(4) {
  animation-delay: calc(var(--fp-delay-input) + 0.3s);
}

.animations-enabled .section.fp-completely textarea {
  animation-delay: var(--fp-delay-textarea);
}

.animations-enabled .section.fp-completely button {
  animation-delay: 0.7s;
}

.animations-enabled .section.fp-completely .animate-element {
  animation-delay: 0.75s;
}

@keyframes fromBottom {
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.section-menu,
.section-menu *:not(path){
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

.tox-tinymce,
.tox-tinymce *,
.tox-toolbar,
.tox-toolbar *,
.tox-editor-header,
.tox-editor-header *,
.tox-menubar,
.tox-menubar *,
.tox-toolbar__primary,
.tox-toolbar__primary *,
.tox-toolbar__overflow,
.tox-toolbar__overflow *,
.tox-tinymce-aux,
.tox-tinymce-aux * {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

.animate-backgrounds .section .fp-bg {
  transform: scale(1.2);
  transition: none;
}

.animate-backgrounds .section.fp-completely .fp-bg {
  overflow: hidden;
  transform: scale(1);
  transition: transform 5s cubic-bezier(0.3, 0, 0.7, 1), opacity 1s ease;
}

.animate-in h1 {
  animation: fadeInUp 0.6s ease-out forwards;
}

.animate-in h2 {
  animation: fadeInUp 0.6s ease-out 0.1s forwards;
}

.animate-in h3 {
  animation: fadeInUp 0.6s ease-out 0.2s forwards;
}

.animate-in h4 {
  animation: fadeInUp 0.6s ease-out 0.25s forwards;
}

.animate-in h5 {
  animation: fadeInUp 0.6s ease-out 0.3s forwards;
}

.animate-in h6 {
  animation: fadeInUp 0.6s ease-out 0.35s forwards;
}

.animate-in p {
  animation: fadeInUp 0.6s ease-out 0.4s forwards;
}

.animate-in img {
  animation: fadeInUp 0.6s ease-out 0.45s forwards;
}

.animate-in form {
  animation: fadeInUp 0.6s ease-out 0.5s forwards;
}

.animate-in label {
  animation: fadeInUp 0.6s ease-out 0.55s forwards;
}

.animate-in input {
  animation: fadeInUp 0.6s ease-out 0.6s forwards;
}

.animate-in textarea {
  animation: fadeInUp 0.6s ease-out 0.65s forwards;
}

.animate-in button {
  animation: fadeInUp 0.6s ease-out 0.7s forwards;
}

.animate-in .animate-element {
  animation: fadeInUp 0.6s ease-out 0.75s forwards;
}

section.has-bg-image#fp-theme-hero .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1682687220499-d9c06b872eee?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-hero2 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1512598483799-b7f979b5f2b3?q=80&w=3442&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-inspiration .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1635151227785-429f420c6b9d?q=80&w=2264&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-discussion .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1490902931801-d6f80ca94fe4?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-single-testimonial .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?q=80&w=2560&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-customer-testimonial .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1500964757637-c85e8a162699?q=80&w=2703&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-how-it-works .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1515894313590-0d5a450d03a6?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-signup .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1638962502979-05d81dcaa096?q=80&w=2777&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-trusted-by .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1471093507554-1b18de49c890?q=80&w=2671&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-collections .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1485095329183-d0797cdc5676?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-photography-skills .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1506260408121-e353d10b87c7?q=80&w=2728&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-success-stories .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1542273917363-3b1817f69a2d?q=80&w=2674&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-business-growth .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1447752875215-b2761acb3c5d?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-about .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1520634996521-d0985c84316a?q=80&w=2188&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1517336714731-489689fd1ca8?q=80&w=2052&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-features2 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1651497111372-9107c1a5d9a0?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-testimonials .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1530248809527-ee069dc8373a?q=80&w=3433&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-testimonials-interactive .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1590366412811-a3dd94d8bad9?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-testimonial-cards .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1437196582938-795c4854b3da?q=80&w=3540&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-testimonial-split .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1525272145895-cf08d56090d6?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-testimonial-carousel .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1517373263199-baee103d2980?q=80&w=2683&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-testimonial-grid .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1700159915592-004562ddcf6f?q=80&w=2728&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-client-feedback .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1495150434753-f8ceb319e9dc?q=80&w=2675&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-customer-experience .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?q=80&w=2669&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-customer-story .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1538690931238-dcc3b4263c2e?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-happy-users .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1619384557832-e67eb7ffa4d0?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-pricing .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1531185907801-2771c11ab782?q=80&w=2688&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-pricing-2 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1590362891991-f776e747a588?q=80&w=2669&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-pricing-3 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1556448851-9359658faa54?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-pricing-4 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1530675706010-bc677ce30ab6?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-pricing-5 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1498887960847-2a5e46312788?q=80&w=2669&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-pricing-6 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1478185043339-d6c27ccac616?q=80&w=2674&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-bio .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1609084482915-ecaae90696ec?q=80&w=2671&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-team .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1635787501769-10b8e23b3ded?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-team2 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1566413762184-84fb89b0fe41?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-faqs .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1484976063837-eab657a7aca7?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-numbers .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1518065896235-a4c93e088e7a?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-screenshot .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1533233521468-7f200e486fbd?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-cta .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1482401204742-eb3c31c24722?q=80&w=2742&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-team-layout-1 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1449452198679-05c7fd30f416?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-web-app .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1491156855053-9cdff72c7f85?q=80&w=2728&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-team-layout-2 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1594495894542-a46cc73e081a?q=80&w=2671&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-features-showcase .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1530469641172-8ac15d0a7d6a?q=80&w=2305&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-team-circles .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1682685797769-481b48222adf?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-card-section .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1534775053122-dcd28a281520?q=80&w=3540&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-contact .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1682685797277-f2bf89b24017?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-welcome .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1548013146-72479768bada?q=80&w=2676&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-hero-2 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1682685797208-c741d58c2eff?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-email .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1505852679233-d9fd70aff56d?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-simple-form .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1507608869274-d3177c8bb4c7?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1542446608-e9525230faed?q=80&w=3433&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-2 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1606335543042-57c525922933?q=80&w=2675&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-form-split .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1485395037613-e83d5c1f5290?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-people .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1519505907962-0a6cb0167c73?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-numbers-2 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1599586120429-48281b6f0ece?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-phone-mockup .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1482195740274-e367dbcdb9c6?q=80&w=3432&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-video-bottom .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1506077709666-1932cac9ad51?q=80&w=2760&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-video-top .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1499438075715-fc23ef376ab9?q=80&w=2321&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-video-center .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1517838277536-f5f99be501cd?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-half-image .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1599058917212-d750089bc07e?q=80&w=2669&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-rotated-images .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1586996292898-71f4036c4e07?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-why-care .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1563974514898-7aea295e12fa?q=80&w=2667&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-contact-info .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1567628065080-ecdec09a7588?q=80&w=2260&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-pricing-comparison .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1682687982049-b3d433368cd1?q=80&w=2671&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-comparison-table .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1440020143730-090579c4d53c?q=80&w=2289&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-events-grid .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1549074862-6173e20d02a8?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-events-list .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1761432744427-05aca8732e77?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-pros-cons .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1563994798145-aac79dece602?q=80&w=2676&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-features-accordion .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1611938379616-fc879d3a90ba?q=80&w=2671&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-product-slider .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1504173010664-32509aeebb62?q=80&w=2627&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-video-split .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1474314170901-f351b68f544f?q=80&w=2671&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-video-split-right .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1590176028506-b8324faaa8bf?q=80&w=2274&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-video-heading .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1603302576837-37561b2e2302?q=80&w=2668&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-scroll .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1765573395861-408e68328134?q=80&w=2671&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-image-only .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1658859735334-70d3dbf70dc1?q=80&w=2307&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-image-center .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1690159290827-9f5354349c6c?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-image-top .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1658859735415-8bb600630db8?q=80&w=3431&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-image-bottom .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1676660834132-1473a72baf7a?q=80&w=3432&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-bento-gallery .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1684342083789-249cdfbf3a12?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-masonry-gallery .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1669937401489-fb1ebb31d762?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-split .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1617791160588-241658c0f566?q=80&w=2264&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-grid .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1668455199701-284281127a87?q=80&w=2264&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-asymmetric .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1620121684840-edffcfc4b878?q=80&w=3432&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-slider .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1668450433152-e56d7e8fe4ee?q=80&w=2264&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-expand .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1669295384050-a1d4357bd1d7?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-expand-overlay .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1620121692029-d088224ddc74?q=80&w=3432&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-slider-arrows .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2264&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-thumbs .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1532884928231-ef40895eb654?q=80&w=2650&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-thumbs-fade .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1492571350019-22de08371fd3?q=80&w=2253&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-grid-links .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1564284369929-026ba231f89b?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-collection-split .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1512453979798-5ea266f8880c?q=80&w=2400&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-overflow .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1510075644440-2c2b60679e1a?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-gallery-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1479030160180-b1860951d696?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-features-grid .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1451418280345-67a6b4d10bba?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-featured-benefits .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1500881263786-ad74c00b9e60?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-user-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1587357327780-c9d724b0bff8?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-business-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1533335121856-52d185e85ec1?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-image-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1542991214-df0aa5950676?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-task-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1488831861984-179da3647265?q=80&w=2728&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-phone-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1531156992292-d36397ee9184?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-customer-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1516450360452-9312f5e86fc7?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-sustainable-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1594623930572-300a3011d9ae?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-network-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1524368535928-5b5e00ddc76b?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-interactive-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1475275166152-f1e8005f9854?q=80&w=2672&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-standout-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1507676184212-d03ab07a01bf?q=80&w=2669&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-questions-answers .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1477233534935-f5e6fe7c1159?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-popular-questions .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1445985543470-41fba5c3144a?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-inline-faq .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1514320291840-2e0a9bf2a9ae?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-split-faq .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1470225620780-dba8ba36b745?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-faq-image .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1620421895918-b4e8c86648fb?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-faq-visible .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1656433031375-5042f5afe894?q=80&w=2671&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-faq-hover .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1612817159576-986a0b7a4165?q=80&w=2050&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-pricing-toggle .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1580943943004-6a4697b70059?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-pricing-cards .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1695634707039-15bdfed2ef9c?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-pricing-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1647943499244-032308c2088a?q=80&w=3432&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-event-pricing .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1467991521834-fb8e202c7074?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-dedicated-team .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1494253109108-2e30c049369b?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-creative-team .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1463131880619-92e2e9a64ee8?q=80&w=3000&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-skilled-team .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1638962502979-05d81dcaa096?q=80&w=2777&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-exceptional-team-2 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1728476444242-7568c96b1eac?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-award-team .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1520022283252-ca69c721d247?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-talented-team .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1513116917658-bdc8f9e49348?q=80&w=2400&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-collaboration-team .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1496055401924-5e7fdc885742?q=80&w=2274&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-exceptional-team .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1564032236772-dfc27a12feda?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-team-slider .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1470115636492-6d2b56f9146d?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-staggered-team .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1655350479930-661689c79b67?q=80&w=2690&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-team-carousel .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1633933765827-37289137d40d?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-portfolio-grid .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1512861506260-6520871bbdaa?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-blog-entries .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1504450075628-39777da238ed?q=80&w=2669&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-latest-blog .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1488972685288-c3fd157d7c7a?q=80&w=2400&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-contact-form .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1448301858776-07f780e9c9da?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-contact-map .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1514971126075-758e7d825812?q=80&w=2273&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-logos-grid .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1593062096033-9a26b09da705?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-contact-split .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1497366858526-0766cadbe8fa?q=80&w=2301&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-integrations-cards .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1487017159836-4e23ece2e4cf?q=80&w=2671&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-numbers-split .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1531973576160-7125cd663d86?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-numbers-centered .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?q=80&w=2301&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-numbers-with-features .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?q=80&w=2301&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-numbers-performance .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1603865326089-c2a4c0d88e73?q=80&w=2669&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-integrations .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1614800084360-ded59505e32d?q=80&w=2671&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-numbers-innovative .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1700249576077-6b592d5a0ab4?q=80&w=2312&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-property-experts .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1670434846352-23e8f0e28c16?q=80&w=2728&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-empowering-communities .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1524516892385-b78812fcf4a4?q=80&w=2671&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-testimonials-image .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1635883553296-e527ad057d78?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-logos .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1595087242606-ecf4d9dd2545?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-login .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1583339972074-a01b1a10b693?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-newsletter-centered .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1519606247872-0440aae9b827?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-newsletter .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1633596683562-4a47eb4983c5?q=80&w=3432&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-cta-1 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1416949929422-a1d9c8fe84af?q=80&w=2000&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-cta-2 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1554147090-e1221a04a025?q=80&w=2648&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-cta-3 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1496769336828-c522a3a7e33c?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-cta-4 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1515984977862-1c7201ef324d?q=80&w=2669&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-cta-5 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1467625575448-2ef10dabab8a?q=80&w=2669&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-cta-6 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1484506097116-1bcba4fa7568?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-contact-2 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1507936580189-3816b4abf640?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-hero-3 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1508138221679-760a23a2285b?q=80&w=2274&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-hero-4 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1541623089466-8e777dd05d70?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-hero-5 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1473773508845-188df298d2d1?q=80&w=2274&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-footer .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1492724724894-7464c27d0ceb?q=80&w=2274&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-about-video-stats .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1552598715-7eeb9232a2ac?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-achievement-story .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1542856391-010fb87dcfed?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-process-steps .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1493166228553-4fa0fdb916e8?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-guide-steps .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-onboarding-flow .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1444464666168-49d633b86797?q=80&w=2669&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-understanding-steps .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1447752875215-b2761acb3c5d?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-process-accordion .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1470813740244-df37b8c1edcb?q=80&w=2671&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-step-cards .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1523712999610-f77fbcfc3843?q=80&w=2670&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-steps-slider .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1421789665209-c9b2a435e3dc?q=80&w=2671&auto=format&fit=crop');
}

section.has-bg-image#fp-theme-testimonials-cards .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1501854140801-50d01698950b?q=80&w=2600&auto=format&fit=crop');
}

footer.has-bg-image#fp-theme-footer-1 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1580137189272-c9379f8864fd?q=80&w=2670&auto=format&fit=crop');
}

footer.has-bg-image#fp-theme-footer-2 .fp-bg {
  background-image: url('https://images.unsplash.com/20/dusty-sky.JPG?q=80&w=2674&auto=format&fit=crop');
}

footer.has-bg-image#fp-theme-footer-3 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1737474707380-5ef35770d8a7?q=80&w=3435&auto=format&fit=crop');
}

footer.has-bg-image#fp-theme-footer-4 .fp-bg {
  background-image: url('https://images.unsplash.com/photo-1500964757637-c85e8a162699?q=80&w=2703&auto=format&fit=crop');
}