@charset "UTF-8";
/*-------- Font-Family-------*/
:root {
  --primary-bg-color: #ff8c00; /* main orange color */
  --primary-bg-hover: #e67a00; /* darker orange for hover */
  --primary-bg-border: #ff8c00; /* same orange as main */
  --primary-bg-transparentcolor: rgba(
    255,
    140,
    0,
    0.5
  ); /* transparent orange */
  --primary-shadow: rgba(255, 153, 51, 0.5); /* softer orange shadow */
  --secondary-color: #ff8c00; /* orange */
  --secondary-hover: #ffa733;
  --secondary-transparent: rgba(141, 11, 183, 0.2);
  --secondary-shadow: rgba(47, 12, 108, 0.5);
  --dark-body: #2a2e3f;
  --dark-theme: #212332;
  --dark-theme2: rgba(0, 0, 0, 0.3);
  --dark-border: rgba(255, 255, 255, 0.1);
  --dark-color: #fff;
  --dark-shadow: rgba(36, 38, 48, 0.2);
  --primary-1: rgba(231, 42, 26, 0.1);
  --primary-2: rgba(231, 42, 26, 0.2);
  --primary-3: rgba(231, 42, 26, 0.3);
  --primary-4: rgba(231, 42, 26, 0.4);
  --primary-5: rgba(231, 42, 26, 0.5);
  --primary-6: rgba(231, 42, 26, 0.6);
  --primary-7: rgba(231, 42, 26, 0.7);
  --primary-8: rgba(231, 42, 26, 0.8);
  --primary-9: rgba(231, 42, 26, 0.9);
  --secondary-1: rgba(141, 11, 183, 0.1);
  --secondary-2: rgba(141, 11, 183, 0.2);
  --secondary-3: rgba(141, 11, 183, 0.3);
  --secondary-4: rgba(141, 11, 183, 0.4);
  --secondary-5: rgba(141, 11, 183, 0.5);
  --secondary-6: rgba(141, 11, 183, 0.6);
  --secondary-7: rgba(141, 11, 183, 0.7);
  --secondary-8: rgba(141, 11, 183, 0.8);
  --secondary-9: rgba(141, 11, 183, 0.9);
  --white: $white;
  --gray: $gray;
  --gray-dark: $gray-dark;
  --black: $black;
  --azure: $info;
  --lime: $lime;
  --lightpink-red: #ff7088;
  --lightgreen: #26eda2;
  --blue: #4049ec;
  --indigo: $indigo;
  --purple: $purple;
  --pink: $pink;
  --red: $danger;
  --orange: $orange;
  --yellow: $yellow;
  --green: $green;
  --teal: $teal;
  --cyan: $cyan;
  --primary: #6963ff;
  --secondary: #f6f7fb;
  --success: $success;
  --info: $info;
  --warning: $yellow;
  --danger: $danger;
  --light: $light;
  --dark: $dark;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1280px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';
  --font-family-monospace: Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
}