body {
    background-color: #040A17;
    color: hsl(210, 40%, 98%);
}

h1,
h2 {
    font-family: 'TobiasTRIAL' !important;
   
}

.dark\:bg-border-dark:is(.dark *) {
    background-color: var(--border);
}

.dark\:border-border-dark:is(.dark *) {
    border-color: var(--border);
}

body {
    font-family: 'Inter', sans-serif;
}
.contact-us-sec .form-wrapper::before{
    background:transparent;
}

:root {
  /* Updated color scheme based on user requirements */
  --background: #040A17;
  --foreground: hsl(210, 40%, 98%);
  --primary: #2C7AFF;
  --primary-foreground: #fff;
  --muted-foreground: hsl(215, 20%, 65%);
  /* Primary Colors - Updated to match the blue theme */
  --color-primary: #2C7AFF;
  /* primary blue */
  --color-primary-50: hsl(217, 91%, 95%);
  /* very light blue */
  --color-primary-100: hsl(217, 91%, 90%);
  /* light blue */
  --color-primary-200: hsl(217, 91%, 85%);
  /* lighter blue */
  --color-primary-300: hsl(217, 91%, 75%);
  /* medium light blue */
  --color-primary-400: hsl(217, 91%, 70%);
  /* medium blue */
  --color-primary-500: hsl(217, 91%, 60%);
  /* base primary blue */
  --color-primary-600: hsl(217, 91%, 50%);
  /* darker blue */
  --color-primary-700: hsl(217, 91%, 45%);
  /* dark blue */
  --color-primary-800: hsl(217, 91%, 35%);
  /* darker blue */
  --color-primary-900: hsl(217, 91%, 25%);
  /* darkest blue */
  /* Secondary Colors - Complementary to primary */
  --color-secondary: hsl(200, 80%, 55%);
  /* complementary blue */
  --color-secondary-50: hsl(200, 80%, 95%);
  /* very light secondary */
  --color-secondary-100: hsl(200, 80%, 90%);
  /* light secondary */
  --color-secondary-200: hsl(200, 80%, 85%);
  /* lighter secondary */
  --color-secondary-300: hsl(200, 80%, 75%);
  /* medium light secondary */
  --color-secondary-400: hsl(200, 80%, 65%);
  /* medium secondary */
  --color-secondary-500: hsl(200, 80%, 55%);
  /* base secondary */
  --color-secondary-600: hsl(200, 80%, 45%);
  /* darker secondary */
  --color-secondary-700: hsl(200, 80%, 40%);
  /* dark secondary */
  --color-secondary-800: hsl(200, 80%, 30%);
  /* darker secondary */
  --color-secondary-900: hsl(200, 80%, 20%);
  /* darkest secondary */
  /* Accent Colors - Bright accent for CTAs */
  --color-accent: hsl(45, 100%, 60%);
  /* bright yellow/orange accent */
  --color-accent-50: hsl(45, 100%, 95%);
  /* very light accent */
  --color-accent-100: hsl(45, 100%, 90%);
  /* light accent */
  --color-accent-200: hsl(45, 100%, 85%);
  /* lighter accent */
  --color-accent-300: hsl(45, 100%, 75%);
  /* medium light accent */
  --color-accent-400: hsl(45, 100%, 70%);
  /* medium accent */
  --color-accent-500: hsl(45, 100%, 60%);
  /* base accent */
  --color-accent-600: hsl(45, 100%, 50%);
  /* darker accent */
  --color-accent-700: hsl(45, 100%, 45%);
  /* dark accent */
  --color-accent-800: hsl(45, 100%, 35%);
  /* darker accent */
  --color-accent-900: hsl(45, 100%, 25%);
  /* darkest accent */
  /* Background Colors - Dark theme */
  --color-background: #040A17;
  /* main background */
  --color-surface: hsl(220, 25%, 12%);
  /* slightly lighter surface */
  --color-surface-100: hsl(220, 25%, 15%);
  /* card surfaces */
  --color-surface-200: hsl(220, 25%, 20%);
  /* elevated surfaces */
  /* Text Colors - Light text for dark background */
  --color-text-primary: hsl(210, 40%, 98%);
  /* main text color (foreground) */
  --color-text-secondary: #F5F8F9;
  /* secondary text */
  --color-text-muted: hsl(215, 20%, 65%);
  /* muted text (muted-foreground) */
  --color-text-light: hsl(215, 20%, 50%);
  /* light text */
  /* Status Colors - Adjusted for dark theme */
  --color-success: hsl(120, 60%, 55%);
  /* green success */
  --color-success-50: hsl(120, 60%, 95%);
  /* light success background */
  --color-success-100: hsl(120, 60%, 90%);
  /* success background */
  --color-success-500: hsl(120, 60%, 55%);
  /* success color */
  --color-warning: hsl(45, 90%, 60%);
  /* yellow warning */
  --color-warning-50: hsl(45, 90%, 95%);
  /* light warning background */
  --color-warning-100: hsl(45, 90%, 90%);
  /* warning background */
  --color-warning-500: hsl(45, 90%, 60%);
  /* warning color */
  --color-error: hsl(0, 70%, 60%);
  /* red error */
  --color-error-50: hsl(0, 70%, 95%);
  /* light error background */
  --color-error-100: hsl(0, 70%, 90%);
  /* error background */
  --color-error-500: hsl(0, 70%, 60%);
  /* error color */
  /* Shadows - Adjusted for dark theme */
  --shadow-cta: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
  --shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
  /* Transitions */
  --transition-fast: 250ms ease-in-out;
  --transition-normal: 300ms ease-in-out;

}
.card{
  border-radius: 0.5rem;
  /* font-size: 18px; */
  border-width: 1px;
  padding: 1rem 1rem;
  background-color: var(--color-surface-100);
  border-color: var(--color-surface-200);
  box-shadow: var(--shadow-card);
}

.testi-slider-common .card {
  display: flex !important;
  flex-direction: column;
  flex: 1 1 0%;
  min-height: 100%;
  height: auto;
}
.testi-slider-common .slick-list.draggable{
  display: flex !important;
  flex-direction: column !important;
}
.testi-slider-common .slick-list.draggable .slick-slide{
  display: flex !important;
  height: 100% !important;
}
.slick-slide > div{
  height: 100% !important;
}
.text-accent {
    --tw-text-opacity: 1;
    color: rgb(255 107 53 / var(--tw-text-opacity, 1));
}
.text-text-muted {
    --tw-text-opacity: 1;
    color: rgb(113 128 150 / var(--tw-text-opacity, 1));
}