:root {
  /* Global*/
  --bs-primary: #0c0a3a;
  --bs-primary-rgb: 12, 10, 58;

  --bs-secondary: #f95;
  --bs-secondary-rgb: 255, 153, 85;


  --bs-success: #4FA62C !default;
  --bs-success-rgb: 79, 166, 44!default;

  --bs-danger: #D62D2D !default;
  --bs-danger-rgb: 214, 45, 45 !default;

  --bs-warning: #ffc107 !default;
  --bs-warning-rgb: 255, 193, 7 !default;


  --bs-black: #000 !default;
  --bs-black-rgb: 0, 0, 0 !default;

  --bs-white: #fff !default;
  --bs-white-rgb: 255, 255, 255 !default;


  /* Backgrounds*/
  --bs-body-bg: #f5f9fc;
  --bs-body-bg-rgb: 245, 249, 252;

  --bs-light: #f6f6f6 !default;
  --bs-light-rgb: 246, 246, 246 !default;

  --bs-block-bg: var(--bs-white);
  --bs-block-bg-rgb: var(--bs-white-rgb);


  /* Fonts*/
  --bs-body-color: var(--bs-primary);
  --bs-body-color-rgb: var(--bs-primary-rgb);

  --bs-heading-color: var(--bs-primary);
  --bs-heading-color-rgb: var(--bs-primary-rgb);

  --bs-body-font-family: "Inter", sans-serif;
  --bs-headings-font-family: "Titillium Web", sans-serif;


  /* Box-shadow*/
  --bs-box-shadow-blocks: none;
  --bs-box-shadow-primary-button: none;
  --bs-box-shadow-secondary-button: none;


  /* Border-radius*/
  --bs-border-radius-blocks: 1.5rem;
  --bs-border-radius-inputs: 3rem;
  --bs-border-radius-buttons: 2.5rem;

  /* Border*/
  --bs-border-color-inputs: rgba(var(--bs-primary-rgb), 0.1);
  --bs-border-color: rgba(var(--bs-primary-rgb), 0.1);


  /* Extra css */
  .btn-secondary {
    color: var(--bs-primary);
  }

  .btn-secondary:hover {
    color: var(--bs-white);
  }

  h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
  }

  .progress-bar-container.small-bar .progress-bar li.current a {
    color: #51e9b0;
  }

  .progress-bar-container.small-bar .progress-bar li.current a .number {
    background-color: #51e9b0;
  }
}